From 1595d0a83a08f1f1f6cc28a2620eb6d674e9c172 Mon Sep 17 00:00:00 2001 From: Bob Mottram Date: Wed, 18 Nov 2020 18:22:05 +0000 Subject: [PATCH] Style for timeline posts background --- epicyon-profile.css | 15 +++++++++++---- theme/blue/theme.json | 1 + theme/hacker/theme.json | 1 + theme/henge/theme.json | 1 + theme/indymediaclassic/theme.json | 1 + theme/indymediamodern/theme.json | 3 ++- theme/lcd/theme.json | 1 + theme/light/theme.json | 1 + theme/night/theme.json | 1 + theme/purple/theme.json | 1 + theme/rc3/theme.json | 1 + theme/solidaric/theme.json | 1 + theme/starlight/theme.json | 1 + theme/zen/theme.json | 1 + webapp_timeline.py | 5 +++++ 15 files changed, 30 insertions(+), 5 deletions(-) diff --git a/epicyon-profile.css b/epicyon-profile.css index acda11c1..1ef6d8bc 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -71,6 +71,7 @@ --gallery-font-size-mobile: 35px; --button-corner-radius: 15px; --timeline-border-radius: 30px; + --timeline-posts-background-color: #282c37; --icons-side: right; --title-color: #999; --focus-color: white; @@ -383,6 +384,10 @@ a:focus { width: 10%; } +.timeline-posts { + background-color: var(--timeline-posts-background-color); +} + .container img.timelineicon:hover { filter: brightness(var(--icon-brightness-change)); } @@ -1008,14 +1013,16 @@ div.container { display: none; } .timeline-banner { - vertical-align: top; + vertical-align: top; object-fit: cover; - width: 98vw; + width: 100%; max-height: var(--banner-height); } .timeline { border: 0; - width: 98vw; + width: 100%; + table-layout: fixed; + overflow: hidden; } .col-left a:link { background: var(--column-left-color); @@ -1667,7 +1674,7 @@ div.container { display: inline; } .timeline-banner { - vertical-align: top; + vertical-align: top; object-fit: cover; width: 98vw; max-height: var(--banner-height-mobile); diff --git a/theme/blue/theme.json b/theme/blue/theme.json index 54f1ead0..860254fc 100644 --- a/theme/blue/theme.json +++ b/theme/blue/theme.json @@ -17,6 +17,7 @@ "gallery-font-size": "35px", "gallery-font-size-mobile": "55px", "main-bg-color": "#002365", + "timeline-posts-background-color": "#002365", "header-bg-color": "#002365", "column-left-color": "#002365", "text-entry-background": "#002365", diff --git a/theme/hacker/theme.json b/theme/hacker/theme.json index 249a7b2a..9eb9a62f 100644 --- a/theme/hacker/theme.json +++ b/theme/hacker/theme.json @@ -6,6 +6,7 @@ "publish-button-at-top": "False", "focus-color": "green", "main-bg-color": "black", + "timeline-posts-background-color": "black", "header-bg-color": "black", "column-left-color": "black", "link-bg-color": "black", diff --git a/theme/henge/theme.json b/theme/henge/theme.json index 7bebf737..e670cae6 100644 --- a/theme/henge/theme.json +++ b/theme/henge/theme.json @@ -14,6 +14,7 @@ "font-size4": "24px", "font-size5": "22px", "main-bg-color": "#383335", + "timeline-posts-background-color": "#383335", "header-bg-color": "#383335", "column-left-color": "#383335", "text-entry-background": "#383335", diff --git a/theme/indymediaclassic/theme.json b/theme/indymediaclassic/theme.json index 53ed186c..825fc01d 100644 --- a/theme/indymediaclassic/theme.json +++ b/theme/indymediaclassic/theme.json @@ -27,6 +27,7 @@ "font-size4": "24px", "font-size5": "22px", "main-bg-color": "black", + "timeline-posts-background-color": "black", "header-bg-color": "black", "column-left-header-color": "#fff", "column-left-header-background": "#555", diff --git a/theme/indymediamodern/theme.json b/theme/indymediamodern/theme.json index c3a841c5..a92fff0e 100644 --- a/theme/indymediamodern/theme.json +++ b/theme/indymediamodern/theme.json @@ -79,7 +79,8 @@ "font-size-publish-button": "14px", "rgba(0, 0, 0, 0.5)": "rgba(0, 0, 0, 0.0)", "column-left-color": "#efefef", - "main-bg-color": "white", + "main-bg-color": "#efefef", + "timeline-posts-background-color": "white", "main-bg-color-dm": "white", "link-bg-color": "#efefef", "main-bg-color-reply": "white", diff --git a/theme/lcd/theme.json b/theme/lcd/theme.json index 5e8819ca..e56ee1ed 100644 --- a/theme/lcd/theme.json +++ b/theme/lcd/theme.json @@ -8,6 +8,7 @@ "column-left-header-background": "#9fb42b", "column-left-header-color": "#33390d", "main-bg-color": "#9fb42b", + "timeline-posts-background-color": "#9fb42b", "header-bg-color": "#9fb42b", "column-left-color": "#33390d", "column-left-fg-color": "#9fb42b", diff --git a/theme/light/theme.json b/theme/light/theme.json index 191968ce..0bcc7c99 100644 --- a/theme/light/theme.json +++ b/theme/light/theme.json @@ -22,6 +22,7 @@ "rgba(0, 0, 0, 0.5)": "rgba(0, 0, 0, 0.0)", "column-left-color": "#e6ebf0", "main-bg-color": "#e6ebf0", + "timeline-posts-background-color": "#e6ebf0", "header-bg-color": "#e6ebf0", "main-bg-color-dm": "#e3dbf0", "link-bg-color": "#e6ebf0", diff --git a/theme/night/theme.json b/theme/night/theme.json index 5d3b9b9b..ba8c8d26 100644 --- a/theme/night/theme.json +++ b/theme/night/theme.json @@ -20,6 +20,7 @@ "font-size4": "24px", "font-size5": "22px", "main-bg-color": "#0f0d10", + "timeline-posts-background-color": "#0f0d10", "header-bg-color": "#0f0d10", "column-left-color": "#0f0d10", "text-entry-background": "#0f0d10", diff --git a/theme/purple/theme.json b/theme/purple/theme.json index 7717eaac..c831a3d1 100644 --- a/theme/purple/theme.json +++ b/theme/purple/theme.json @@ -13,6 +13,7 @@ "font-size4": "24px", "font-size5": "22px", "main-bg-color": "#1f152d", + "timeline-posts-background-color": "#1f152d", "header-bg-color": "#1f152d", "column-left-color": "#1f152d", "link-bg-color": "#1f152d", diff --git a/theme/rc3/theme.json b/theme/rc3/theme.json index 45a6886f..99d2df50 100644 --- a/theme/rc3/theme.json +++ b/theme/rc3/theme.json @@ -41,6 +41,7 @@ "font-size5": "12px", "font-size-likes": "10px", "main-bg-color": "#100e23", + "timeline-posts-background-color": "#100e23", "header-bg-color": "#100e23", "column-left-color": "#0f0d10", "text-entry-background": "#0f0d10", diff --git a/theme/solidaric/theme.json b/theme/solidaric/theme.json index efebf803..54c21165 100644 --- a/theme/solidaric/theme.json +++ b/theme/solidaric/theme.json @@ -29,6 +29,7 @@ "font-size5": "22px", "rgba(0, 0, 0, 0.5)": "rgba(0, 0, 0, 0.0)", "main-bg-color": "white", + "timeline-posts-background-color": "white", "header-bg-color": "white", "column-left-color": "white", "main-bg-color-dm": "white", diff --git a/theme/starlight/theme.json b/theme/starlight/theme.json index a71d3c65..260d47f5 100644 --- a/theme/starlight/theme.json +++ b/theme/starlight/theme.json @@ -16,6 +16,7 @@ "font-size4": "24px", "font-size5": "22px", "main-bg-color": "#0f0d10", + "timeline-posts-background-color": "#0f0d10", "header-bg-color": "#0f0d10", "column-left-color": "#0f0d10", "text-entry-background": "#0f0d10", diff --git a/theme/zen/theme.json b/theme/zen/theme.json index d2bff111..35768f70 100644 --- a/theme/zen/theme.json +++ b/theme/zen/theme.json @@ -8,6 +8,7 @@ "banner-height-mobile": "10vh", "newswire-date-color": "yellow", "main-bg-color": "#5c4e41", + "timeline-posts-background-color": "#5c4e41", "header-bg-color": "#5c4e41", "column-left-color": "#5c4e41", "text-entry-background": "#5c4e41", diff --git a/webapp_timeline.py b/webapp_timeline.py index e2857a63..d6293095 100644 --- a/webapp_timeline.py +++ b/webapp_timeline.py @@ -426,6 +426,8 @@ def htmlTimeline(cssCache: {}, defaultTimeline: str, calendarImage, followApprovals, iconsAsButtons) + tlStr += '
\n' + # second row of buttons for moderator actions if moderator and boxName == 'moderation': tlStr += \ @@ -597,6 +599,9 @@ def htmlTimeline(cssCache: {}, defaultTimeline: str, translate['Page down'] + '">\n' + \ ' \n' + # end of timeline-posts + tlStr += '
\n' + # end of column-center tlStr += ' \n'