scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-12-04 12:51:28 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #3381 from benjiwheeler/join-flow-handle-text-overflow

Browse source 
Join flow handle text overflow more flexibly
This commit is contained in:
Benjamin Wheeler 2019-09-23 09:55:55 -04:00 committed by GitHub
commit c683eb9af9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/info-button/info-button.scss
View file

@ -7,6 +7,7 @@
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin-left: .375rem; margin-left: .375rem;
margin-top: -.25rem;
border-radius: 50%; border-radius: 50%;
background-color: $type-gray-60percent; background-color: $type-gray-60percent;
background-image: url("/svgs/info-button/info-button.svg"); background-image: url("/svgs/info-button/info-button.svg");

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

@ -27,7 +27,7 @@
.join-flow-description { .join-flow-description {
font-size: .875rem; font-size: .875rem;
font-weight: bold; font-weight: bold;
line-height: 1.37500rem; line-height: 1.125rem;
margin-top: 0.78125rem; margin-top: 0.78125rem;
margin-bottom: 1.875rem; margin-bottom: 1.875rem;
text-align: center; text-align: center;

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

@ -114,8 +114,6 @@
} }
.join-flow-inner-gender-step { .join-flow-inner-gender-step {
/* need height so that flex will adjust children proportionately */
height: 27.25rem;
padding-top: 2.625rem; padding-top: 2.625rem;
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@ -177,7 +175,7 @@
.gender-radio-row { .gender-radio-row {
transition: all .125s ease; transition: all .125s ease;
width: 20.875rem; width: 20.875rem;
height: 2.85rem; min-height: 2.85rem;
background-color: $ui-gray; background-color: $ui-gray;
border-radius: .5rem; border-radius: .5rem;
margin: 0 auto 0.375rem; margin: 0 auto 0.375rem;