From f67d2623b7a50849893cfa774d85e4e2278308e2 Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <noreply@fakecake.org>
Date: Thu, 11 Mar 2021 19:26:19 +0300
Subject: add some media queries to improve main UI on small-width devices

---
 themes/night.css | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

(limited to 'themes/night.css')

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;
-- 
cgit v1.2.3