Different font size for mobile newswire

main
Bob Mottram 2020-10-12 14:32:05 +01:00
parent d9e223d609
commit d736010f17
2 changed files with 74 additions and 43 deletions

View File

@ -27,6 +27,7 @@
--font-size-button-mobile: 34px;
--font-size-links: 18px;
--font-size-newswire: 18px;
--font-size-newswire-mobile: 48px;
--font-size: 30px;
--font-size2: 24px;
--font-size3: 38px;
@ -234,49 +235,6 @@ a:focus {
width: 50%;
}
.newswireItem {
font-size: var(--font-size-newswire);
color: var(--column-right-fg-color);
line-height: var(--line-spacing-newswire);
}
.newswireItemModerated {
font-size: var(--font-size-newswire);
color: var(--newswire-item-moderated-color);
line-height: var(--line-spacing-newswire);
}
.newswireDateModerated {
font-size: var(--font-size-newswire);
font-weight: bold;
color: var(--newswire-date-moderated-color);
float: right;
}
.newswireItemVotedOn a:link {
background: var(--newswire-voted-background-color);
}
.newswireItemVotedOn {
font-size: var(--font-size-newswire);
font-weight: bold;
color: var(--column-right-fg-color-voted-on);
line-height: var(--line-spacing-newswire);
}
.newswireDate {
font-size: var(--font-size-newswire);
color: var(--newswire-date-color);
float: right;
}
.newswireDateVotedOn {
font-size: var(--font-size-newswire);
font-weight: bold;
color: var(--column-right-fg-color-voted-on);
float: right;
}
.new-post-text {
font-size: var(--font-size2);
font-family: Arial, Helvetica, sans-serif;
@ -998,6 +956,42 @@ aside .toggle-inside li {
font-size: var(--font-size);
line-height: var(--line-spacing);
}
.newswireItem {
font-size: var(--font-size-newswire);
color: var(--column-right-fg-color);
line-height: var(--line-spacing-newswire);
}
.newswireItemModerated {
font-size: var(--font-size-newswire);
color: var(--newswire-item-moderated-color);
line-height: var(--line-spacing-newswire);
}
.newswireDateModerated {
font-size: var(--font-size-newswire);
font-weight: bold;
color: var(--newswire-date-moderated-color);
float: right;
}
.newswireItemVotedOn a:link {
background: var(--newswire-voted-background-color);
}
.newswireItemVotedOn {
font-size: var(--font-size-newswire);
font-weight: bold;
color: var(--column-right-fg-color-voted-on);
line-height: var(--line-spacing-newswire);
}
.newswireDate {
font-size: var(--font-size-newswire);
color: var(--newswire-date-color);
float: right;
}
.newswireDateVotedOn {
font-size: var(--font-size-newswire);
font-weight: bold;
color: var(--column-right-fg-color-voted-on);
float: right;
}
.imageAnchorMobile img{
display: none;
}
@ -1547,6 +1541,42 @@ aside .toggle-inside li {
font-size: var(--font-size);
line-height: var(--line-spacing);
}
.newswireItem {
font-size: var(--font-size-newswire-mobile);
color: var(--column-right-fg-color);
line-height: var(--line-spacing-newswire);
}
.newswireItemModerated {
font-size: var(--font-size-newswire-mobile);
color: var(--newswire-item-moderated-color);
line-height: var(--line-spacing-newswire);
}
.newswireDateModerated {
font-size: var(--font-size-newswire-mobile);
font-weight: bold;
color: var(--newswire-date-moderated-color);
float: right;
}
.newswireItemVotedOn a:link {
background: var(--newswire-voted-background-color);
}
.newswireItemVotedOn {
font-size: var(--font-size-newswire-mobile);
font-weight: bold;
color: var(--column-right-fg-color-voted-on);
line-height: var(--line-spacing-newswire);
}
.newswireDate {
font-size: var(--font-size-newswire-mobile);
color: var(--newswire-date-color);
float: right;
}
.newswireDateVotedOn {
font-size: var(--font-size-newswire-mobile);
font-weight: bold;
color: var(--column-right-fg-color-voted-on);
float: right;
}
.imageAnchorMobile img{
display: inline;
}

View File

@ -255,6 +255,7 @@ def setThemeIndymedia(baseDir: str):
}
themeParams = {
"font-size-newswire": "18px",
"font-size-newswire-mobile": "48px",
"line-spacing-newswire": "100%",
"newswire-item-moderated-color": "white",
"newswire-date-moderated-color": "white",