public/tt-rss
1
0
Fork 0
mirror of https://git.tt-rss.org/git/tt-rss.git synced 2026-01-29 13:07:11 +00:00
Code Issues Releases Wiki Activity

add some media queries to improve main UI on small-width devices

Browse Source
This commit is contained in:
Andrew Dolgov
2021-03-11 19:26:19 +03:00
parent a4da2f1e62
commit f67d2623b7
10 changed files with 137 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
themes/compact.css
View File

@@ -766,6 +766,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;
@@ -780,11 +786,17 @@ body.ttrss_main #toolbar-frame #toolbar #selected_prompt {
margin-right: 4px;
color: #257aa7;
}
@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: #555;
@@ -1557,6 +1569,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;