jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: add .mobile-only, .desktop-only classes.

Browse Source
This commit is contained in:
evazion
2019-09-30 00:58:34 -05:00
parent cf97235aa6
commit 5818c367fd
5 changed files with 13 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/javascript/src/styles/base/020_base.scss
View File

@@ -137,3 +137,12 @@ ul.list-inline {
display: inline;
}
}
.mobile-only {
display: none;
@media (max-width: 660px) { display: initial; }
}
.desktop-only {
@media (max-width: 660px) { display: none; }
}

20
app/javascript/src/styles/specific/z_responsive.scss
View File

@@ -1,26 +1,6 @@
@import "../base/000_vars.scss";
#desktop-version-link {
display: none;
}
#searchbox-redirect-link {
display: none;
}
@media screen and (max-width: 660px) {
#keyboard-shortcuts-link {
display: none;
}
#desktop-version-link {
display: inline;
}
#searchbox-redirect-link {
display: inline;
}
#saved-searches-nav {
display: none;
}