mj-saunders
/
epicyon
forked from indymedia/epicyon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
epicyon-profile.css
View File

@ -27,6 +27,7 @@
--font-size-button-mobile: 34px; --font-size-button-mobile: 34px;
--font-size-links: 18px; --font-size-links: 18px;
--font-size-newswire: 18px; --font-size-newswire: 18px;
--font-size-newswire-mobile: 48px;
--font-size: 30px; --font-size: 30px;
--font-size2: 24px; --font-size2: 24px;
--font-size3: 38px; --font-size3: 38px;
@ -234,49 +235,6 @@ a:focus {
width: 50%; 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 { .new-post-text {
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
@ -998,6 +956,42 @@ aside .toggle-inside li {
font-size: var(--font-size); font-size: var(--font-size);
line-height: var(--line-spacing); 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{ .imageAnchorMobile img{
display: none; display: none;
} }
@ -1547,6 +1541,42 @@ aside .toggle-inside li {
font-size: var(--font-size); font-size: var(--font-size);
line-height: var(--line-spacing); 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{ .imageAnchorMobile img{
display: inline; display: inline;
} }

1
theme.py
View File

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