phillip/ingress-intel-total-conversion
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update layer chooser styling on mobile

Browse Source 
- remove size increase for layer chooser - it's large enough already (and matches the size of other android UI elements)
- remove extra padding between layer chooser lines. yes, it'll be harder to click the right line, but smaller screens have it pushed off the bottom sometimes without this)
This commit is contained in:
Jon Atkins 2013-05-12 17:26:42 +01:00
parent 9266283684
commit 7ed03d12b2
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
mobile/smartphone.css
View File

@ -109,10 +109,12 @@ body {
width: 100%; width: 100%;
} }
/* base layer selection - first column */
.leaflet-control-layers-base { .leaflet-control-layers-base {
float: left; float: left;
} }
/* overlays layer selection - 2nd column */
.leaflet-control-layers-overlays { .leaflet-control-layers-overlays {
float: left; float: left;
margin-left: 8px; margin-left: 8px;
@ -120,18 +122,17 @@ body {
padding-left: 8px; padding-left: 8px;
} }
/* hide the usual seperator */
.leaflet-control-layers-separator { .leaflet-control-layers-separator {
display: none; display: none;
} }
.leaflet-control-layers-toggle { /* increase padding on list items - easier for touchscreens */
width: 50px !important; /* removed for now. could consider adding it back, conditional on device screen size?
height: 50px !important;
}
.leaflet-control-layers-list label { .leaflet-control-layers-list label {
padding: 6px 0; padding: 6px 0;
} }
*/
.leaflet-control-attribution { .leaflet-control-attribution {