scratchfoundation/scratchjr
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratchjr.git synced 2024-12-01 11:27:16 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix localization selection formatting bug on Android

Browse source 
Position selected checkmark pseudo element absolutely to fix bug on Android.
Fix fontsize at 34.5px (previous font size relative to view height looked good on iPad, but was too small on 16:9 android)
This commit is contained in:
chrisgarrity 2016-04-15 12:30:56 -04:00
parent 5136f2ae75
commit e41d145cbd
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
editions/free/src/css/lobby.css
View file

@ -298,9 +298,12 @@ div.localizationselect {
width: ${css_vw(27)}; width: ${css_vw(27)};
height: 47pt; height: 47pt;
float: left; float: left;
position: relative; /* for absolute positioning of pseudo :after element */
background-color: #35A8E0; background-color: #35A8E0;
color: #fff; color: #fff;
font-size: ${css_vh(4.5)}; /* font-size: ${css_vh(4.5)}; */
/* fontsize based on device vertical height doesn't work on 16:9 aspect Android device, just set fixed size font */
font-size: 34.5px;
text-align: center; text-align: center;
margin-left: ${css_vw(3)}; margin-left: ${css_vw(3)};
padding-top: 2%; padding-top: 2%;
@ -318,8 +321,9 @@ div.localizationselect.selected:after {
background-size: 45px 45px; background-size: 45px 45px;
height: 45px; height: 45px;
width: 45px; width: 45px;
margin-left: 252px; position: absolute;
margin-top: -82px; top: -22.5px;
right: -22.5px;
} }
/* footer */ /* footer */