publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-08-10 07:44:19 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix button centering on iphone (#581)

Browse source 
* Fix button centering on iphone
For some reason, physical iPhones are not centering the text inside the map buttons correctly. (`48`, `AK`, `HI`, `PR`)
* convert to verbose css syntax
* Test using svg buttons
* Remove unused style reference
* Fix new icon svg images were "eating" the button's click events
This commit is contained in:
TomNUSDS 2021-08-31 14:40:22 -07:00 • committed by GitHub
commit fba3090d36
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 60 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

28
client/src/components/territoryFocusControl.module.scss
View file

@ -1,34 +1,8 @@
.territoryFocusButton {
width: 2.5em;
height: 2.5em;
border-width: 1px 2px;
border-color: #000000;
border-style: solid;
background-color: #ffffff;
}
.territoryFocusButton:not(:disabled):hover {
background-color: #f4f4f4;
}
.territoryFocusContainer {
display: flex;
flex-direction: column;
text-align: center;
font-size: 16px;
line-height: 1.75em;
position: absolute;
left: 20px;
top: 300px;
z-index: 10;
left: 20px;
top: 150px;
}
.territoryFocusButton:first-child {
border-top-width: 2px;
}
.territoryFocusButton:last-child {
border-bottom-width: 2px;
z-index: 10;
}