diff options
author | Andrew Dolgov <[email protected]> | 2021-03-11 19:26:19 +0300 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2021-03-11 19:26:19 +0300 |
commit | f67d2623b7a50849893cfa774d85e4e2278308e2 (patch) | |
tree | 758b966706d65c25bc1d0d254dc5ff65ea9da28a /themes/night.css | |
parent | a4da2f1e621d4de73e589d81dd3f06cd0711204f (diff) |
add some media queries to improve main UI on small-width devices
Diffstat (limited to 'themes/night.css')
-rw-r--r-- | themes/night.css | 22 |
1 files changed, 21 insertions, 1 deletions
diff --git a/themes/night.css b/themes/night.css index 2207450ed..5b13ad506 100644 --- a/themes/night.css +++ b/themes/night.css @@ -767,6 +767,12 @@ body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left .feed_title, body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left .cancel_search { margin-left: 4px; } +@media (max-width: 768px) { + body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left .feed_title, + body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left i.icon-syndicate { + display: none; + } +} body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .right { display: flex; align-items: center; @@ -781,11 +787,17 @@ body.ttrss_main #toolbar-frame #toolbar #selected_prompt { margin-right: 4px; color: #b87d2c; } -@media (max-width: 992px) { +@media (max-width: 768px) { body.ttrss_main #toolbar-frame #toolbar #selected_prompt { display: none; } } +@media (max-width: 576px) { + body.ttrss_main #toolbar-frame #toolbar .select-articles-dropdown, + body.ttrss_main #toolbar-frame #toolbar .catchup-button { + display: none; + } +} body.ttrss_main #header { text-align: right; color: #ccc; @@ -1558,6 +1570,14 @@ body.ttrss_prefs ul.prefs-plugin-list li label.checkbox .name { text-align: right; font-weight: bold; } +@media (max-width: 992px) { + body.ttrss_prefs ul.prefs-plugin-list li label.checkbox { + min-width: 200px ! important; + } + body.ttrss_prefs ul.prefs-plugin-list li .version { + display: none; + } +} body.ttrss_prefs ul.prefs-plugin-list li .actions { flex-grow: 2; text-align: right; |