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 acda11c12..1ef6d8bc4 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 54f1ead0f..860254fc0 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 249a7b2ab..9eb9a62fa 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 7bebf737d..e670cae6d 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 53ed186cd..825fc01d0 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 c3a841c51..a92fff0e1 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 5e8819ca2..e56ee1ed5 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 191968cec..0bcc7c99e 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 5d3b9b9b0..ba8c8d268 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 7717eaac2..c831a3d10 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 45a6886f0..99d2df50c 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 efebf8033..54c211657 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 a71d3c65d..260d47f50 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 d2bff1115..35768f70f 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 e2857a63a..d62930951 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'