cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css layout change only in content block

Browse source
This commit is contained in:
Anton Melnichuk 2020-02-27 10:29:37 +02:00
parent 009a4dbb67
commit b9c2829e75
1 changed files with 153 additions and 154 deletions
Download patch file Download diff file Expand all files Collapse all files

65
app/assets/stylesheets/small.scss
View file

@ -1,8 +1,8 @@
@import "parameters"; @import "parameters";
/* Styles specific to a small screen, such as iPhone, Android, etc... */ /* Styles specific to a small screen, such as iPhone, Android, etc... */
@media (max-width: 640px) {
body { body.small {
input[type="submit"], input[type="submit"],
input[type="text"] { input[type="text"] {
@ -60,11 +60,9 @@
ul { ul {
border-top: 1px solid #eee; border-top: 1px solid #eee;
li { li {
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
border-right: none; border-right: none;
> a { > a {
border-radius: 0; border-radius: 0;
width: 100%; width: 100%;
@ -94,33 +92,6 @@
display: inline-block; display: inline-block;
} }
&.map-layout {
#sidebar, #map {
position: relative;
overflow-x: hidden;
width: 100%;
height: 50%;
}
.overlay-sidebar {
#sidebar {
position: absolute;
width: 300px;
height: auto;
overflow: hidden;
}
#map {
height: 100%;
}
}
#map-ui {
z-index: 9999;
width: 100%;
overflow-y: scroll;
}
}
.overlay-sidebar #sidebar .welcome.visible { .overlay-sidebar #sidebar .welcome.visible {
display: none; display: none;
@ -173,8 +144,7 @@
#userinformation .deemphasize { #userinformation .deemphasize {
position: relative; position: relative;
right: auto; right: auto; left: auto;
left: auto;
margin-top: 10px; margin-top: 10px;
top: auto; top: auto;
} }
@ -183,5 +153,34 @@
font-size: 28px; font-size: 28px;
} }
}
@media (max-width: 767.98px) {
body.map-layout {
#sidebar, #map {
position: relative;
overflow-x: hidden;
width: 100%;
height: 50%;
}
.overlay-sidebar {
#sidebar {
position: absolute;
width: 300px;
height: auto;
overflow: hidden;
}
#map {
height: 100%;
}
}
#map-ui {
z-index: 9999;
width: 100%;
overflow-y: scroll;
}
} }
} }