Mobile links screen style

main
Bob Mottram 2020-10-12 21:00:39 +01:00
parent 3b8398f002
commit 39df0b8b71
2 changed files with 11 additions and 7 deletions

View File

@ -78,6 +78,8 @@
--column-left-header-color: #fff; --column-left-header-color: #fff;
--column-left-header-size: 20px; --column-left-header-size: 20px;
--column-left-icon-size: 20%; --column-left-icon-size: 20%;
--column-left-icon-size-mobile: 10%;
--column-left-image-width-mobile: 40vw;
--column-right-icon-size: 20%; --column-right-icon-size: 20%;
--newswire-date-color: white; --newswire-date-color: white;
--newswire-voted-background-color: black; --newswire-voted-background-color: black;
@ -1543,22 +1545,23 @@ aside .toggle-inside li {
} }
.leftColEditImage { .leftColEditImage {
background: var(--main-bg-color); background: var(--main-bg-color);
width: var(--column-left-icon-size); width: var(--column-left-icon-size-mobile);
float: right; float: right;
margin: 20px 0px; 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 { .rightColEditImage {
background: var(--main-bg-color); background: var(--main-bg-color);
width: var(--column-right-icon-size); width: var(--column-right-icon-size);
float: right; float: right;
margin: 20px 0px; margin: 20px 0px;
} }
.leftColImg {
background: var(--main-bg-color);
width: 100vw;
margin: 0 0;
padding: 0 0;
}
.rightColImg { .rightColImg {
background: var(--main-bg-color); background: var(--main-bg-color);
width: 100vw; width: 100vw;

View File

@ -261,6 +261,7 @@ def setThemeIndymedia(baseDir: str):
"newswire-date-moderated-color": "white", "newswire-date-moderated-color": "white",
"newswire-date-color": "white", "newswire-date-color": "white",
"newswire-voted-background-color": "black", "newswire-voted-background-color": "black",
"column-left-image-width-mobile": "40vw",
"column-right-fg-color": "#ff9900", "column-right-fg-color": "#ff9900",
"column-right-fg-color-voted-on": "red", "column-right-fg-color-voted-on": "red",
"button-corner-radius": "5px", "button-corner-radius": "5px",