summaryrefslogtreecommitdiff
path: root/themes
diff options
context:
space:
mode:
Diffstat (limited to 'themes')
-rw-r--r--themes/Makefile9
-rw-r--r--themes/compact.css40
-rw-r--r--themes/compact_night.css40
-rw-r--r--themes/light-high-contrast.css40
-rw-r--r--themes/light.css40
-rw-r--r--themes/light/cdm.less41
-rw-r--r--themes/light/tt-rss.less7
-rw-r--r--themes/night.css40
-rw-r--r--themes/night_blue.css40
9 files changed, 181 insertions, 116 deletions
diff --git a/themes/Makefile b/themes/Makefile
deleted file mode 100644
index b9298207c..000000000
--- a/themes/Makefile
+++ /dev/null
@@ -1,9 +0,0 @@
-.PHONY: clean
-
-ALL: compact.css compact_night.css light.css night_blue.css night.css
-
-%.css: %.less light/*.less
- lessc --source-map=$(patsubst %.less,%.css.map,${<}) ${<} ${@}
-
-clean:
- rm -f *.css *.css.map
diff --git a/themes/compact.css b/themes/compact.css
index fc63f5f77..11e05550d 100644
--- a/themes/compact.css
+++ b/themes/compact.css
@@ -43,6 +43,7 @@ body.ttrss_main .post .header {
body.ttrss_main .post .header .left,
body.ttrss_main .post .header .right {
display: flex;
+ align-items: center;
}
body.ttrss_main .post .header .row {
display: flex;
@@ -690,7 +691,7 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .hl .icon-feed {
display: none;
}
body.ttrss_main #headlines-frame[data-auto-catchup="true"] #headlines-spacer {
- height: 100vh;
+ height: calc(100vh - 32px);
}
body.ttrss_main #headlines-frame .dijitCheckBox {
margin-right: 4px;
@@ -896,6 +897,9 @@ body.ttrss_main select.attachments {
margin-top: 10px;
max-width: 120px;
}
+body.ttrss_main .attachments-inline a {
+ word-break: break-all;
+}
body.ttrss_main #filterDlg_feeds select {
height: 150px;
width: 410px;
@@ -1257,6 +1261,7 @@ body.ttrss_utility hr {
}
.cdm .header .titleWrap {
flex-grow: 2;
+ width: 0;
}
.cdm .header .updated {
color: #555;
@@ -1268,22 +1273,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;
+ font-size: 11px;
display: inline-block;
- padding: 1px 4px 1px 4px;
-}
-.cdm .header .feed,
-.cdm .header .feed a {
- vertical-align: middle;
+ max-width: 25%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ border-radius: 4px;
+ padding: 1px 4px;
+ margin-right: 4px;
color: #555;
- font-weight: normal;
- font-style: italic;
- font-size: 11px;
}
.cdm .header .author {
white-space: nowrap;
@@ -1302,9 +1302,20 @@ body.ttrss_utility hr {
.cdm .footer i.material-icons {
color: #777;
}
+.cdm .footer .left,
+.cdm .footer .right {
+ display: flex;
+ align-items: center;
+}
.cdm .footer .left {
flex-grow: 2;
}
+.cdm .footer .left > * {
+ margin-right: 4px;
+}
+.cdm .footer .right > * {
+ margin-left: 4px;
+}
.cdm .content-inner {
margin: 10px;
line-height: 1.5;
@@ -1467,8 +1478,7 @@ body.ttrss_utility hr {
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
border: 0 solid #ddd;
border-bottom-width: 1px;
- background: white ! important;
- opacity: 0.9;
+ background: rgba(255, 255, 255, 0.9) ! important;
backdrop-filter: blur(6px);
}
body.ttrss_prefs {
diff --git a/themes/compact_night.css b/themes/compact_night.css
index 3fd4d2e43..caaea832b 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -43,6 +43,7 @@ body.ttrss_main .post .header {
body.ttrss_main .post .header .left,
body.ttrss_main .post .header .right {
display: flex;
+ align-items: center;
}
body.ttrss_main .post .header .row {
display: flex;
@@ -690,7 +691,7 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .hl .icon-feed {
display: none;
}
body.ttrss_main #headlines-frame[data-auto-catchup="true"] #headlines-spacer {
- height: 100vh;
+ height: calc(100vh - 32px);
}
body.ttrss_main #headlines-frame .dijitCheckBox {
margin-right: 4px;
@@ -896,6 +897,9 @@ body.ttrss_main select.attachments {
margin-top: 10px;
max-width: 120px;
}
+body.ttrss_main .attachments-inline a {
+ word-break: break-all;
+}
body.ttrss_main #filterDlg_feeds select {
height: 150px;
width: 410px;
@@ -1257,6 +1261,7 @@ body.ttrss_utility hr {
}
.cdm .header .titleWrap {
flex-grow: 2;
+ width: 0;
}
.cdm .header .updated {
color: #ccc;
@@ -1268,22 +1273,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;
+ font-size: 11px;
display: inline-block;
- padding: 1px 4px 1px 4px;
-}
-.cdm .header .feed,
-.cdm .header .feed a {
- vertical-align: middle;
+ max-width: 25%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ border-radius: 4px;
+ padding: 1px 4px;
+ margin-right: 4px;
color: #ccc;
- font-weight: normal;
- font-style: italic;
- font-size: 11px;
}
.cdm .header .author {
white-space: nowrap;
@@ -1302,9 +1302,20 @@ body.ttrss_utility hr {
.cdm .footer i.material-icons {
color: #999;
}
+.cdm .footer .left,
+.cdm .footer .right {
+ display: flex;
+ align-items: center;
+}
.cdm .footer .left {
flex-grow: 2;
}
+.cdm .footer .left > * {
+ margin-right: 4px;
+}
+.cdm .footer .right > * {
+ margin-left: 4px;
+}
.cdm .content-inner {
margin: 10px;
line-height: 1.5;
@@ -1467,8 +1478,7 @@ body.ttrss_utility hr {
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
border: 0 solid #222;
border-bottom-width: 1px;
- background: #333 ! important;
- opacity: 0.9;
+ background: rgba(51, 51, 51, 0.9) ! important;
backdrop-filter: blur(6px);
}
body.ttrss_prefs {
diff --git a/themes/light-high-contrast.css b/themes/light-high-contrast.css
index 7ff872a59..a8a7cab12 100644
--- a/themes/light-high-contrast.css
+++ b/themes/light-high-contrast.css
@@ -43,6 +43,7 @@ body.ttrss_main .post .header {
body.ttrss_main .post .header .left,
body.ttrss_main .post .header .right {
display: flex;
+ align-items: center;
}
body.ttrss_main .post .header .row {
display: flex;
@@ -690,7 +691,7 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .hl .icon-feed {
display: none;
}
body.ttrss_main #headlines-frame[data-auto-catchup="true"] #headlines-spacer {
- height: 100vh;
+ height: calc(100vh - 32px);
}
body.ttrss_main #headlines-frame .dijitCheckBox {
margin-right: 4px;
@@ -896,6 +897,9 @@ body.ttrss_main select.attachments {
margin-top: 10px;
max-width: 120px;
}
+body.ttrss_main .attachments-inline a {
+ word-break: break-all;
+}
body.ttrss_main #filterDlg_feeds select {
height: 150px;
width: 410px;
@@ -1257,6 +1261,7 @@ body.ttrss_utility hr {
}
.cdm .header .titleWrap {
flex-grow: 2;
+ width: 0;
}
.cdm .header .updated {
color: black;
@@ -1268,22 +1273,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;
+ font-size: 11px;
display: inline-block;
- padding: 1px 4px 1px 4px;
-}
-.cdm .header .feed,
-.cdm .header .feed a {
- vertical-align: middle;
+ max-width: 25%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ border-radius: 4px;
+ padding: 1px 4px;
+ margin-right: 4px;
color: black;
- font-weight: normal;
- font-style: italic;
- font-size: 11px;
}
.cdm .header .author {
white-space: nowrap;
@@ -1302,9 +1302,20 @@ body.ttrss_utility hr {
.cdm .footer i.material-icons {
color: #777;
}
+.cdm .footer .left,
+.cdm .footer .right {
+ display: flex;
+ align-items: center;
+}
.cdm .footer .left {
flex-grow: 2;
}
+.cdm .footer .left > * {
+ margin-right: 4px;
+}
+.cdm .footer .right > * {
+ margin-left: 4px;
+}
.cdm .content-inner {
margin: 10px;
line-height: 1.5;
@@ -1467,8 +1478,7 @@ body.ttrss_utility hr {
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
border: 0 solid #ddd;
border-bottom-width: 1px;
- background: white ! important;
- opacity: 0.9;
+ background: rgba(255, 255, 255, 0.9) ! important;
backdrop-filter: blur(6px);
}
body.ttrss_prefs {
diff --git a/themes/light.css b/themes/light.css
index f983f4d80..7da617d43 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -43,6 +43,7 @@ body.ttrss_main .post .header {
body.ttrss_main .post .header .left,
body.ttrss_main .post .header .right {
display: flex;
+ align-items: center;
}
body.ttrss_main .post .header .row {
display: flex;
@@ -690,7 +691,7 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .hl .icon-feed {
display: none;
}
body.ttrss_main #headlines-frame[data-auto-catchup="true"] #headlines-spacer {
- height: 100vh;
+ height: calc(100vh - 32px);
}
body.ttrss_main #headlines-frame .dijitCheckBox {
margin-right: 4px;
@@ -896,6 +897,9 @@ body.ttrss_main select.attachments {
margin-top: 10px;
max-width: 120px;
}
+body.ttrss_main .attachments-inline a {
+ word-break: break-all;
+}
body.ttrss_main #filterDlg_feeds select {
height: 150px;
width: 410px;
@@ -1257,6 +1261,7 @@ body.ttrss_utility hr {
}
.cdm .header .titleWrap {
flex-grow: 2;
+ width: 0;
}
.cdm .header .updated {
color: #555;
@@ -1268,22 +1273,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;
+ font-size: 11px;
display: inline-block;
- padding: 1px 4px 1px 4px;
-}
-.cdm .header .feed,
-.cdm .header .feed a {
- vertical-align: middle;
+ max-width: 25%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ border-radius: 4px;
+ padding: 1px 4px;
+ margin-right: 4px;
color: #555;
- font-weight: normal;
- font-style: italic;
- font-size: 11px;
}
.cdm .header .author {
white-space: nowrap;
@@ -1302,9 +1302,20 @@ body.ttrss_utility hr {
.cdm .footer i.material-icons {
color: #777;
}
+.cdm .footer .left,
+.cdm .footer .right {
+ display: flex;
+ align-items: center;
+}
.cdm .footer .left {
flex-grow: 2;
}
+.cdm .footer .left > * {
+ margin-right: 4px;
+}
+.cdm .footer .right > * {
+ margin-left: 4px;
+}
.cdm .content-inner {
margin: 10px;
line-height: 1.5;
@@ -1467,8 +1478,7 @@ body.ttrss_utility hr {
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
border: 0 solid #ddd;
border-bottom-width: 1px;
- background: white ! important;
- opacity: 0.9;
+ background: rgba(255, 255, 255, 0.9) ! important;
backdrop-filter: blur(6px);
}
body.ttrss_prefs {
diff --git a/themes/light/cdm.less b/themes/light/cdm.less
index 5641a0380..6bb3378c1 100644
--- a/themes/light/cdm.less
+++ b/themes/light/cdm.less
@@ -45,6 +45,7 @@
.titleWrap {
flex-grow : 2;
+ width : 0;
}
.updated {
@@ -59,23 +60,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 {
@@ -98,8 +93,23 @@
color : @color-icon;
}
+ .left, .right {
+ display : flex;
+ align-items : center;
+ }
+
.left {
flex-grow : 2;
+
+ > * {
+ margin-right : 4px;
+ }
+ }
+
+ .right {
+ > * {
+ margin-left : 4px;
+ }
}
}
@@ -315,8 +325,7 @@
box-shadow : 0 1px 1px -1px rgba(0,0,0,0.1);
border: 0 solid @border-default;
border-bottom-width: 1px;
- background : @default-bg ! important;
- opacity: 0.9;
+ background : fade(@default-bg, 90%) ! important;
backdrop-filter: blur(6px);
}
}
diff --git a/themes/light/tt-rss.less b/themes/light/tt-rss.less
index 0e85d53fb..6a1f45d28 100644
--- a/themes/light/tt-rss.less
+++ b/themes/light/tt-rss.less
@@ -22,6 +22,7 @@ body.ttrss_main {
.left, .right {
display : flex;
+ align-items : center;
}
.row {
@@ -817,7 +818,7 @@ body.ttrss_main {
}
&[data-auto-catchup="true"] #headlines-spacer {
- height : 100vh;
+ height : calc(100vh - 32px);
}
.dijitCheckBox {
@@ -1063,6 +1064,10 @@ body.ttrss_main {
max-width : 120px;
}
+ .attachments-inline a {
+ word-break: break-all;
+ }
+
#filterDlg_feeds select {
height : 150px;
width : 410px;
diff --git a/themes/night.css b/themes/night.css
index 19e3182bc..aa33e94b3 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -44,6 +44,7 @@ body.ttrss_main .post .header {
body.ttrss_main .post .header .left,
body.ttrss_main .post .header .right {
display: flex;
+ align-items: center;
}
body.ttrss_main .post .header .row {
display: flex;
@@ -691,7 +692,7 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .hl .icon-feed {
display: none;
}
body.ttrss_main #headlines-frame[data-auto-catchup="true"] #headlines-spacer {
- height: 100vh;
+ height: calc(100vh - 32px);
}
body.ttrss_main #headlines-frame .dijitCheckBox {
margin-right: 4px;
@@ -897,6 +898,9 @@ body.ttrss_main select.attachments {
margin-top: 10px;
max-width: 120px;
}
+body.ttrss_main .attachments-inline a {
+ word-break: break-all;
+}
body.ttrss_main #filterDlg_feeds select {
height: 150px;
width: 410px;
@@ -1258,6 +1262,7 @@ body.ttrss_utility hr {
}
.cdm .header .titleWrap {
flex-grow: 2;
+ width: 0;
}
.cdm .header .updated {
color: #ccc;
@@ -1269,22 +1274,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;
+ font-size: 11px;
display: inline-block;
- padding: 1px 4px 1px 4px;
-}
-.cdm .header .feed,
-.cdm .header .feed a {
- vertical-align: middle;
+ max-width: 25%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ border-radius: 4px;
+ padding: 1px 4px;
+ margin-right: 4px;
color: #ccc;
- font-weight: normal;
- font-style: italic;
- font-size: 11px;
}
.cdm .header .author {
white-space: nowrap;
@@ -1303,9 +1303,20 @@ body.ttrss_utility hr {
.cdm .footer i.material-icons {
color: #999;
}
+.cdm .footer .left,
+.cdm .footer .right {
+ display: flex;
+ align-items: center;
+}
.cdm .footer .left {
flex-grow: 2;
}
+.cdm .footer .left > * {
+ margin-right: 4px;
+}
+.cdm .footer .right > * {
+ margin-left: 4px;
+}
.cdm .content-inner {
margin: 10px;
line-height: 1.5;
@@ -1468,8 +1479,7 @@ body.ttrss_utility hr {
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
border: 0 solid #222;
border-bottom-width: 1px;
- background: #333 ! important;
- opacity: 0.9;
+ background: rgba(51, 51, 51, 0.9) ! important;
backdrop-filter: blur(6px);
}
body.ttrss_prefs {
diff --git a/themes/night_blue.css b/themes/night_blue.css
index 94bec2181..458db3616 100644
--- a/themes/night_blue.css
+++ b/themes/night_blue.css
@@ -44,6 +44,7 @@ body.ttrss_main .post .header {
body.ttrss_main .post .header .left,
body.ttrss_main .post .header .right {
display: flex;
+ align-items: center;
}
body.ttrss_main .post .header .row {
display: flex;
@@ -691,7 +692,7 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .hl .icon-feed {
display: none;
}
body.ttrss_main #headlines-frame[data-auto-catchup="true"] #headlines-spacer {
- height: 100vh;
+ height: calc(100vh - 32px);
}
body.ttrss_main #headlines-frame .dijitCheckBox {
margin-right: 4px;
@@ -897,6 +898,9 @@ body.ttrss_main select.attachments {
margin-top: 10px;
max-width: 120px;
}
+body.ttrss_main .attachments-inline a {
+ word-break: break-all;
+}
body.ttrss_main #filterDlg_feeds select {
height: 150px;
width: 410px;
@@ -1258,6 +1262,7 @@ body.ttrss_utility hr {
}
.cdm .header .titleWrap {
flex-grow: 2;
+ width: 0;
}
.cdm .header .updated {
color: #ccc;
@@ -1269,22 +1274,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;
+ font-size: 11px;
display: inline-block;
- padding: 1px 4px 1px 4px;
-}
-.cdm .header .feed,
-.cdm .header .feed a {
- vertical-align: middle;
+ max-width: 25%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ border-radius: 4px;
+ padding: 1px 4px;
+ margin-right: 4px;
color: #ccc;
- font-weight: normal;
- font-style: italic;
- font-size: 11px;
}
.cdm .header .author {
white-space: nowrap;
@@ -1303,9 +1303,20 @@ body.ttrss_utility hr {
.cdm .footer i.material-icons {
color: #999;
}
+.cdm .footer .left,
+.cdm .footer .right {
+ display: flex;
+ align-items: center;
+}
.cdm .footer .left {
flex-grow: 2;
}
+.cdm .footer .left > * {
+ margin-right: 4px;
+}
+.cdm .footer .right > * {
+ margin-left: 4px;
+}
.cdm .content-inner {
margin: 10px;
line-height: 1.5;
@@ -1468,8 +1479,7 @@ body.ttrss_utility hr {
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
border: 0 solid #222;
border-bottom-width: 1px;
- background: #333 ! important;
- opacity: 0.9;
+ background: rgba(51, 51, 51, 0.9) ! important;
backdrop-filter: blur(6px);
}
body.ttrss_prefs {
generated by cgit v1.2.3-54-g00ecf (git 2.39.0) at 2025-11-24 19:17:07 +0000