maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[deploy] Onboarding fix for mobile (#7732)

Browse source 
* fix

* snapshot
This commit is contained in:
ludwiczakpawel 2020-05-08 02:05:40 +02:00 • committed by GitHub
parent 8e0a09ac74
commit 2d9ff805ba
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/assets/stylesheets/components/forms.scss
View file

@ -71,12 +71,13 @@
// Checkboxes, Radios
.crayons-checkbox,
.crayons-radio {
@extend %form-styling;
width: 1.125em;
height: 1.125em;
cursor: pointer;
background-position: center center;
vertical-align: middle;
@extend %form-styling;
flex-shrink: 0;
&:hover {
@extend %form-styling-hover;

6
app/assets/stylesheets/preact/onboarding-modal.scss
View file

@ -376,9 +376,13 @@
}
.introduction-title {
font-size: var(--fs-5xl);
font-size: var(--fs-3xl);
font-weight: var(--fw-heavy);
line-height: var(--lh-tight);
@media (min-width: $breakpoint-s) {
font-size: var(--fs-5xl);
}
}
.introduction-subtitle {

6
app/javascript/onboarding/__tests__/__snapshots__/Onboarding.test.jsx.snap
View file

@ -91,7 +91,7 @@ preact-render-spy (1 nodes)
-------
<main class="onboarding-body">
<div class="onboarding-main crayons-modal">
<div class="crayons-modal__box">
<div class="crayons-modal__box overflow-auto">
<nav class="onboarding-navigation">
<div class="navigation-content">
<div class="back-button-container">
@ -201,7 +201,7 @@ preact-render-spy (1 nodes)
-------
<main class="onboarding-body">
<div class="onboarding-main crayons-modal">
<div class="crayons-modal__box">
<div class="crayons-modal__box overflow-auto">
<nav class="onboarding-navigation">
<div class="navigation-content">
<div class="back-button-container">
@ -339,7 +339,7 @@ preact-render-spy (1 nodes)
-------
<main class="onboarding-body">
<div class="onboarding-main introduction crayons-modal crayons-modal--m">
<div class="crayons-modal__box">
<div class="crayons-modal__box overflow-auto">
<div class="onboarding-content">
<figure>
<img

2
app/javascript/onboarding/components/FollowTags.jsx
View file

@ -101,7 +101,7 @@ class FollowTags extends Component {
return (
<div className="onboarding-main crayons-modal">
<div className="crayons-modal__box">
<div className="crayons-modal__box overflow-auto">
<Navigation
prev={prev}
next={this.handleComplete}

2
app/javascript/onboarding/components/FollowUsers.jsx
View file

@ -135,7 +135,7 @@ class FollowUsers extends Component {
return (
<div className="onboarding-main crayons-modal">
<div className="crayons-modal__box">
<div className="crayons-modal__box overflow-auto">
<Navigation
prev={prev}
next={this.handleComplete}

4
app/javascript/onboarding/components/IntroSlide.jsx
View file

@ -76,7 +76,7 @@ class IntroSlide extends Component {
if (text) {
return (
<div className="onboarding-main crayons-modal crayons-modal--m">
<div className="crayons-modal__box">
<div className="crayons-modal__box overflow-auto">
<div className="onboarding-content terms-and-conditions-wrapper">
<button
type="button"
@ -98,7 +98,7 @@ class IntroSlide extends Component {
return (
<div className="onboarding-main introduction crayons-modal crayons-modal--m">
<div className="crayons-modal__box">
<div className="crayons-modal__box overflow-auto">
<div className="onboarding-content">
<figure>
<img