From 0f9488ace075b62bbc38ca77ce5a1b7c881a3a3e Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 20 Mar 2023 18:33:29 +0300 Subject: [PATCH] combined mode: prevent left part of footer pushing right part out of viewport --- themes/compact.css | 13 +++++++------ themes/compact_night.css | 13 +++++++------ themes/light-high-contrast.css | 13 +++++++------ themes/light.css | 13 +++++++------ themes/light/cdm.less | 15 ++++++++------- themes/night.css | 13 +++++++------ themes/night_blue.css | 13 +++++++------ 7 files changed, 50 insertions(+), 43 deletions(-) diff --git a/themes/compact.css b/themes/compact.css index 16cf6b5aa..b0330b885 100644 --- a/themes/compact.css +++ b/themes/compact.css @@ -1299,12 +1299,6 @@ body.ttrss_utility hr { font-size: 11px; font-weight: normal; } -.cdm .header .tags { - max-width: 50%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} .cdm .footer { height: 30px; padding-left: 5px; @@ -1323,6 +1317,7 @@ body.ttrss_utility hr { } .cdm .footer .left { flex-grow: 2; + min-width: 0; } .cdm .footer .left > * { margin-right: 4px; @@ -1330,6 +1325,12 @@ body.ttrss_utility hr { .cdm .footer .right > * { margin-left: 4px; } +.cdm .footer .tags { + max-width: 50%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} .cdm .content-inner { margin: 10px; line-height: 1.5; diff --git a/themes/compact_night.css b/themes/compact_night.css index 8da1cd32a..12b94dc85 100644 --- a/themes/compact_night.css +++ b/themes/compact_night.css @@ -1299,12 +1299,6 @@ body.ttrss_utility hr { font-size: 11px; font-weight: normal; } -.cdm .header .tags { - max-width: 50%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} .cdm .footer { height: 30px; padding-left: 5px; @@ -1323,6 +1317,7 @@ body.ttrss_utility hr { } .cdm .footer .left { flex-grow: 2; + min-width: 0; } .cdm .footer .left > * { margin-right: 4px; @@ -1330,6 +1325,12 @@ body.ttrss_utility hr { .cdm .footer .right > * { margin-left: 4px; } +.cdm .footer .tags { + max-width: 50%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} .cdm .content-inner { margin: 10px; line-height: 1.5; diff --git a/themes/light-high-contrast.css b/themes/light-high-contrast.css index ffd952f9f..217d10eac 100644 --- a/themes/light-high-contrast.css +++ b/themes/light-high-contrast.css @@ -1299,12 +1299,6 @@ body.ttrss_utility hr { font-size: 11px; font-weight: normal; } -.cdm .header .tags { - max-width: 50%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} .cdm .footer { height: 30px; padding-left: 5px; @@ -1323,6 +1317,7 @@ body.ttrss_utility hr { } .cdm .footer .left { flex-grow: 2; + min-width: 0; } .cdm .footer .left > * { margin-right: 4px; @@ -1330,6 +1325,12 @@ body.ttrss_utility hr { .cdm .footer .right > * { margin-left: 4px; } +.cdm .footer .tags { + max-width: 50%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} .cdm .content-inner { margin: 10px; line-height: 1.5; diff --git a/themes/light.css b/themes/light.css index cf2358c50..e7aa0c11e 100644 --- a/themes/light.css +++ b/themes/light.css @@ -1299,12 +1299,6 @@ body.ttrss_utility hr { font-size: 11px; font-weight: normal; } -.cdm .header .tags { - max-width: 50%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} .cdm .footer { height: 30px; padding-left: 5px; @@ -1323,6 +1317,7 @@ body.ttrss_utility hr { } .cdm .footer .left { flex-grow: 2; + min-width: 0; } .cdm .footer .left > * { margin-right: 4px; @@ -1330,6 +1325,12 @@ body.ttrss_utility hr { .cdm .footer .right > * { margin-left: 4px; } +.cdm .footer .tags { + max-width: 50%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} .cdm .content-inner { margin: 10px; line-height: 1.5; diff --git a/themes/light/cdm.less b/themes/light/cdm.less index bf677decf..506019d4e 100644 --- a/themes/light/cdm.less +++ b/themes/light/cdm.less @@ -79,13 +79,6 @@ font-size : @font-size-small; font-weight : normal; } - - .tags { - max-width : 50%; - overflow : hidden; - white-space : nowrap; - text-overflow : ellipsis; - } } .footer { @@ -107,6 +100,7 @@ .left { flex-grow : 2; + min-width : 0; > * { margin-right : 4px; @@ -118,6 +112,13 @@ margin-left : 4px; } } + + .tags { + max-width : 50%; + overflow : hidden; + white-space : nowrap; + text-overflow : ellipsis; + } } .content-inner { diff --git a/themes/night.css b/themes/night.css index b1d0f61ce..33a239af0 100644 --- a/themes/night.css +++ b/themes/night.css @@ -1300,12 +1300,6 @@ body.ttrss_utility hr { font-size: 11px; font-weight: normal; } -.cdm .header .tags { - max-width: 50%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} .cdm .footer { height: 30px; padding-left: 5px; @@ -1324,6 +1318,7 @@ body.ttrss_utility hr { } .cdm .footer .left { flex-grow: 2; + min-width: 0; } .cdm .footer .left > * { margin-right: 4px; @@ -1331,6 +1326,12 @@ body.ttrss_utility hr { .cdm .footer .right > * { margin-left: 4px; } +.cdm .footer .tags { + max-width: 50%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} .cdm .content-inner { margin: 10px; line-height: 1.5; diff --git a/themes/night_blue.css b/themes/night_blue.css index f77f04efb..6676426ef 100644 --- a/themes/night_blue.css +++ b/themes/night_blue.css @@ -1300,12 +1300,6 @@ body.ttrss_utility hr { font-size: 11px; font-weight: normal; } -.cdm .header .tags { - max-width: 50%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} .cdm .footer { height: 30px; padding-left: 5px; @@ -1324,6 +1318,7 @@ body.ttrss_utility hr { } .cdm .footer .left { flex-grow: 2; + min-width: 0; } .cdm .footer .left > * { margin-right: 4px; @@ -1331,6 +1326,12 @@ body.ttrss_utility hr { .cdm .footer .right > * { margin-left: 4px; } +.cdm .footer .tags { + max-width: 50%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} .cdm .content-inner { margin: 10px; line-height: 1.5;