glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

oooh was using ineffective media queries for desktop

Browse source
This commit is contained in:
Connor Turland 2016-10-23 16:49:16 -04:00
parent 4c68fd90ca
commit 98e2de68da
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/assets/images/.DS_Store vendored
View file

Binary file not shown.

8
app/assets/stylesheets/mobile.scss.erb
View file

@ -2,25 +2,25 @@
display: none; display: none;
} }
@media only screen and (max-device-width : 720px) and (min-device-width : 504px) { @media only screen and (max-width : 720px) and (min-width : 504px) {
.sidebarSearch .tt-hint, .sidebarSearch .sidebarSearchField { .sidebarSearch .tt-hint, .sidebarSearch .sidebarSearchField {
width: 160px !important; width: 160px !important;
} }
} }
@media only screen and (max-device-width : 390px) { @media only screen and (max-width : 390px) {
.map .mapCard .mobileMetadata { .map .mapCard .mobileMetadata {
width: 190px; width: 190px;
} }
} }
@media only screen and (min-device-width : 390px) { @media only screen and (min-width : 390px) {
.map .mapCard .mobileMetadata { .map .mapCard .mobileMetadata {
width: 390px; width: 390px;
} }
} }
/* Smartphones (portrait and landscape) ----------- the minimum space that two map cards can fit side by side */ /* Smartphones (portrait and landscape) ----------- the minimum space that two map cards can fit side by side */
@media only screen and (max-device-width : 504px) { @media only screen and (max-width : 504px) {
.upperLeftUI, .upperRightUI, .openCheatsheet, .mapInfoIcon, .feedback-icon, .chat-box, #exploreMapsHeader { .upperLeftUI, .upperRightUI, .openCheatsheet, .mapInfoIcon, .feedback-icon, .chat-box, #exploreMapsHeader {
display: none !important; display: none !important;
} }