From 39df0b8b7195524719c5fd3f10fd2e3334c058e6 Mon Sep 17 00:00:00 2001 From: Bob Mottram Date: Mon, 12 Oct 2020 21:00:39 +0100 Subject: [PATCH] Mobile links screen style --- epicyon-profile.css | 17 ++++++++++------- theme.py | 1 + 2 files changed, 11 insertions(+), 7 deletions(-) diff --git a/epicyon-profile.css b/epicyon-profile.css index 71f57ded..aee9896d 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -78,6 +78,8 @@ --column-left-header-color: #fff; --column-left-header-size: 20px; --column-left-icon-size: 20%; + --column-left-icon-size-mobile: 10%; + --column-left-image-width-mobile: 40vw; --column-right-icon-size: 20%; --newswire-date-color: white; --newswire-voted-background-color: black; @@ -1543,22 +1545,23 @@ aside .toggle-inside li { } .leftColEditImage { background: var(--main-bg-color); - width: var(--column-left-icon-size); + width: var(--column-left-icon-size-mobile); float: right; margin: 20px 0px; } + .leftColImg { + background: var(--main-bg-color); + width: var(--column-left-image-width-mobile); + float: right; + margin: 0 0; + padding: 0 0; + } .rightColEditImage { background: var(--main-bg-color); width: var(--column-right-icon-size); float: right; margin: 20px 0px; } - .leftColImg { - background: var(--main-bg-color); - width: 100vw; - margin: 0 0; - padding: 0 0; - } .rightColImg { background: var(--main-bg-color); width: 100vw; diff --git a/theme.py b/theme.py index 9f251131..e236af71 100644 --- a/theme.py +++ b/theme.py @@ -261,6 +261,7 @@ def setThemeIndymedia(baseDir: str): "newswire-date-moderated-color": "white", "newswire-date-color": "white", "newswire-voted-background-color": "black", + "column-left-image-width-mobile": "40vw", "column-right-fg-color": "#ff9900", "column-right-fg-color-voted-on": "red", "button-corner-radius": "5px",