scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-26 17:16:11 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Merge pull request #3434 from benjiwheeler/join-flow-responsive-more

Browse source 
Join flow responsive changes for input, button and select widths
This commit is contained in:
Benjamin Wheeler 2019-10-16 16:19:50 -04:00 committed by GitHub
commit 6b6b415069
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/formik-forms/formik-radio-button.scss
View file

@ -39,7 +39,7 @@ input[type="radio"].formik-radio-button {
input.formik-radio-input, .formik-radio-input input {
height: 2.1875rem;
width: 10.25rem;
width: 100%;
margin-bottom: 0;
border-radius: .5rem;
background-color: $ui-white;
@ -52,6 +52,7 @@ input.formik-radio-input, .formik-radio-input input {
.formik-radio-input-wrapper {
margin-left: auto;
margin-right: .25rem;
width: 10.25rem;
}
.formik-radio-label-other {

2
src/components/join-flow/join-flow-step.scss
View file

@ -12,7 +12,7 @@
.join-flow-inner-content {
box-shadow: none;
width: calc(100% - 5.875rem);
width: calc(50% + 7.84375rem);
/* must use padding for top, rather than margin, because margins will collapse */
margin: 0 auto;
padding: 2.3125rem 0 2.5rem;

10
src/components/join-flow/join-flow-steps.scss
View file

@ -89,10 +89,18 @@
.select .join-flow-select-month {
margin-right: .5rem;
width: 9.125rem;
@media #{$small} {
width: 8.25rem;
}
}
.select .join-flow-select-year {
width: 9.125rem;
@media #{$small} {
width: 8.25rem;
}
}
.select .join-flow-select-country {
@ -201,7 +209,7 @@
.gender-radio-row {
transition: all .125s ease;
width: 20.875rem;
width: 97%;
min-height: 2.85rem;
background-color: $ui-gray;
border-radius: .5rem;