diff options
author | nachoparker <nacho@ownyourbits.com> | 2019-05-12 17:11:24 +0000 |
---|---|---|
committer | Benjamin Brahmer <info@b-brahmer.de> | 2019-05-12 19:11:24 +0200 |
commit | 98bb125b55da5f5d33183171391fc32f94e2d0c6 (patch) | |
tree | ce8df46f1f9e745b4645c9197ec0920f5d35f457 /css/mobile.scss | |
parent | a363aab22802382b57dd0a33be92874e0b47bb06 (diff) |
support better reading in a tablet screen (#467)
* support better reading in a tablet screen
* use scss variables
Signed-off-by: nachoparker <nacho@ownyourbits.com>
Diffstat (limited to 'css/mobile.scss')
-rw-r--r-- | css/mobile.scss | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/css/mobile.scss b/css/mobile.scss new file mode 100644 index 000000000..02271a263 --- /dev/null +++ b/css/mobile.scss @@ -0,0 +1,46 @@ +@media only screen and (max-width: $breakpoint_mobile) { + #app-content .utils .date { + display: none; + } + + #app-shortcuts th:first-child { + padding-left: 44px; + } + + #app-navigation:not(.hidden) + #app-content { + width: 100%; + } + + #mark-all-read-button { + display: block; + } +} + +@media only screen and (max-width: 600px) { + #app-content .article-actions ul { + max-width: 164px; + } + + #app-content .heading .date { + display: none; + } + + #app-content .heading h1 { + margin-right: 0; + } + + #app-content .utils { + padding-right: 15px; + } + + #app-content .article { + padding-right: 15px; + padding-left: 44px; + } +} + +@media only screen and (max-width: 340px) { + #app-content .article-actions { + max-width: 82px; + } +} |