Freifunk-Troisdorf/meshviewer
5
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[TASK] Mobile optimization

Browse Source
This commit is contained in:
Xaver Maierhofer 2016-05-29 20:11:05 +02:00
parent 953ce30e1e
commit 2b98e4dbc9
5 changed files with 31 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.sass-lint.yml
View File

@ -1,3 +1,6 @@
rules: rules:
no-color-literals: 0 no-color-literals: 0
single-line-per-selector: 0 single-line-per-selector: 0
# Allow for new prefixes like -webkit-tap-highlight-color or antialiasing
# Can maybe be enabled again with sass-lint 1.8 https://github.com/sasstools/sass-lint/pull/709
no-vendor-prefixes: 0

1
scss/modules/_base.scss
View File

@ -1,4 +1,5 @@
body { body {
-webkit-tap-highlight-color: transparent;
background: $color-white; background: $color-white;
color: $color-black; color: $color-black;
font-family: $font-family; font-family: $font-family;

37
scss/modules/_leaflet-layer.scss
View File

@ -1,21 +1,30 @@
.leaflet-control-layers { .leaflet-control-layers {
background: none; &.leaflet-control {
border-radius: 0; background: transparent;
box-shadow: none; border: 0;
border-radius: 0;
box-shadow: none;
margin: 0;
opacity: .7;
}
} }
.leaflet-control-layers-toggle { .leaflet-control-container {
background: none; .leaflet-control-layers-toggle {
background: none;
height: auto;
width: auto;
&::before { &::before {
color: $color-primary; color: $color-primary;
content: '\f229'; content: '\f229';
display: inline-block; display: inline-block;
font-family: $font-family-icons; font-family: $font-family-icons;
font-size: 2.3rem; font-size: 2.3rem;
line-height: 1; line-height: 1;
speak: none; speak: none;
text-rendering: auto; text-rendering: auto;
}
} }
} }

3
scss/modules/_map.scss
View File

@ -15,7 +15,8 @@
margin-left: $buttondistance; margin-left: $buttondistance;
} }
@media screen and (max-width: $minscreenwidth) { @media screen and (max-width: $minscreenwidth) {
right: 0; right: -1rem;
top: 0;
transform: scale(.8); transform: scale(.8);
} }
} }

4
scss/modules/_tabs.scss
View File

@ -10,13 +10,13 @@
font-family: $font-family-secondary; font-family: $font-family-secondary;
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 1em 0 0; padding: 0;
li { li {
color: rgba($color-black, .5); color: rgba($color-black, .5);
cursor: pointer; cursor: pointer;
flex: 1 1 auto; flex: 1 1 auto;
padding: .5em .5em 1em; padding: 1.3em .5em 1em;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;