From df7b2e79849419fcc278c0549fdf10c094991558 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 29 Nov 2021 13:39:58 +0300 Subject: [PATCH] combined mode: limit feed title element to 25% width --- js/Headlines.js | 6 ++---- themes/compact.css | 21 ++++++++------------- themes/compact_night.css | 21 ++++++++------------- themes/light-high-contrast.css | 21 ++++++++------------- themes/light.css | 21 ++++++++------------- themes/light/cdm.less | 22 ++++++++-------------- themes/night.css | 21 ++++++++------------- themes/night_blue.css | 21 ++++++++------------- 8 files changed, 58 insertions(+), 96 deletions(-) diff --git a/js/Headlines.js b/js/Headlines.js index f9ec21c18..7557676ee 100755 --- a/js/Headlines.js +++ b/js/Headlines.js @@ -515,10 +515,8 @@ const Headlines = { ${hl.cdm_excerpt ? hl.cdm_excerpt : ""} -
- ${hl.feed_title} -
+ ${hl.feed_title} ${hl.updated} diff --git a/themes/compact.css b/themes/compact.css index 687175499..e7ddd8282 100644 --- a/themes/compact.css +++ b/themes/compact.css @@ -1269,22 +1269,17 @@ body.ttrss_utility hr { margin: 0px 4px; } .cdm .header .feed { - float: right; - font-weight: normal; - font-style: italic; -} -.cdm .header .feed a { - border-radius: 4px; - display: inline-block; - padding: 1px 4px 1px 4px; -} -.cdm .header .feed, -.cdm .header .feed a { - vertical-align: middle; - color: #555; font-weight: normal; font-style: italic; font-size: 11px; + display: inline-block; + max-width: 25%; + overflow: hidden; + text-overflow: ellipsis; + border-radius: 4px; + padding: 1px 4px; + margin-right: 4px; + color: #555; } .cdm .header .author { white-space: nowrap; diff --git a/themes/compact_night.css b/themes/compact_night.css index df0ec8363..db7aad12c 100644 --- a/themes/compact_night.css +++ b/themes/compact_night.css @@ -1269,22 +1269,17 @@ body.ttrss_utility hr { margin: 0px 4px; } .cdm .header .feed { - float: right; - font-weight: normal; - font-style: italic; -} -.cdm .header .feed a { - border-radius: 4px; - display: inline-block; - padding: 1px 4px 1px 4px; -} -.cdm .header .feed, -.cdm .header .feed a { - vertical-align: middle; - color: #ccc; font-weight: normal; font-style: italic; font-size: 11px; + display: inline-block; + max-width: 25%; + overflow: hidden; + text-overflow: ellipsis; + border-radius: 4px; + padding: 1px 4px; + margin-right: 4px; + color: #ccc; } .cdm .header .author { white-space: nowrap; diff --git a/themes/light-high-contrast.css b/themes/light-high-contrast.css index 25322b2a4..120ae0316 100644 --- a/themes/light-high-contrast.css +++ b/themes/light-high-contrast.css @@ -1269,22 +1269,17 @@ body.ttrss_utility hr { margin: 0px 4px; } .cdm .header .feed { - float: right; - font-weight: normal; - font-style: italic; -} -.cdm .header .feed a { - border-radius: 4px; - display: inline-block; - padding: 1px 4px 1px 4px; -} -.cdm .header .feed, -.cdm .header .feed a { - vertical-align: middle; - color: black; font-weight: normal; font-style: italic; font-size: 11px; + display: inline-block; + max-width: 25%; + overflow: hidden; + text-overflow: ellipsis; + border-radius: 4px; + padding: 1px 4px; + margin-right: 4px; + color: black; } .cdm .header .author { white-space: nowrap; diff --git a/themes/light.css b/themes/light.css index cc9f48488..21d1859c3 100644 --- a/themes/light.css +++ b/themes/light.css @@ -1269,22 +1269,17 @@ body.ttrss_utility hr { margin: 0px 4px; } .cdm .header .feed { - float: right; - font-weight: normal; - font-style: italic; -} -.cdm .header .feed a { - border-radius: 4px; - display: inline-block; - padding: 1px 4px 1px 4px; -} -.cdm .header .feed, -.cdm .header .feed a { - vertical-align: middle; - color: #555; font-weight: normal; font-style: italic; font-size: 11px; + display: inline-block; + max-width: 25%; + overflow: hidden; + text-overflow: ellipsis; + border-radius: 4px; + padding: 1px 4px; + margin-right: 4px; + color: #555; } .cdm .header .author { white-space: nowrap; diff --git a/themes/light/cdm.less b/themes/light/cdm.less index 71288b023..e2cbd5c60 100644 --- a/themes/light/cdm.less +++ b/themes/light/cdm.less @@ -59,23 +59,17 @@ } .feed { - float: right; - font-weight: normal; - font-style: italic; - - a { - border-radius : 4px; - display : inline-block; - padding : 1px 4px 1px 4px; - } - } - - .feed, .feed a { - vertical-align: middle; - color: @default-text; font-weight: normal; font-style: italic; font-size: @font-size-small; + display : inline-block; + max-width : 25%; + overflow : hidden; + text-overflow : ellipsis; + border-radius : 4px; + padding : 1px 4px; + margin-right : 4px; + color: @default-text; } .author { diff --git a/themes/night.css b/themes/night.css index 4294f2568..17e8ef913 100644 --- a/themes/night.css +++ b/themes/night.css @@ -1270,22 +1270,17 @@ body.ttrss_utility hr { margin: 0px 4px; } .cdm .header .feed { - float: right; - font-weight: normal; - font-style: italic; -} -.cdm .header .feed a { - border-radius: 4px; - display: inline-block; - padding: 1px 4px 1px 4px; -} -.cdm .header .feed, -.cdm .header .feed a { - vertical-align: middle; - color: #ccc; font-weight: normal; font-style: italic; font-size: 11px; + display: inline-block; + max-width: 25%; + overflow: hidden; + text-overflow: ellipsis; + border-radius: 4px; + padding: 1px 4px; + margin-right: 4px; + color: #ccc; } .cdm .header .author { white-space: nowrap; diff --git a/themes/night_blue.css b/themes/night_blue.css index 648bb175b..112d4eddd 100644 --- a/themes/night_blue.css +++ b/themes/night_blue.css @@ -1270,22 +1270,17 @@ body.ttrss_utility hr { margin: 0px 4px; } .cdm .header .feed { - float: right; - font-weight: normal; - font-style: italic; -} -.cdm .header .feed a { - border-radius: 4px; - display: inline-block; - padding: 1px 4px 1px 4px; -} -.cdm .header .feed, -.cdm .header .feed a { - vertical-align: middle; - color: #ccc; font-weight: normal; font-style: italic; font-size: 11px; + display: inline-block; + max-width: 25%; + overflow: hidden; + text-overflow: ellipsis; + border-radius: 4px; + padding: 1px 4px; + margin-right: 4px; + color: #ccc; } .cdm .header .author { white-space: nowrap;