indymedia
/
epicyon
mirror of https://gitlab.com/bashrc2/epicyon
7
4
Fork 1
Code Issues 14 Releases Wiki Activity

Banner style

main
Bob Mottram 2022-05-29 17:57:01 +01:00
parent b3f3d4d3c2
commit aa56937896
2 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
epicyon-calendar.css
View File

@ -16,6 +16,9 @@
--title-text: white; --title-text: white;
--title-background: grey; --title-background: grey;
--focus-color: white; --focus-color: white;
--banner-height: 20vh;
--banner-height-mobile: 10vh;
--banner-height-tiny: 10vh;
--calendar-horizontal-padding: 0; --calendar-horizontal-padding: 0;
--calendar-cell-size: 1.5vw; --calendar-cell-size: 1.5vw;
--calendar-cell-size-mobile: 1.5vw; --calendar-cell-size-mobile: 1.5vw;
@ -250,6 +253,12 @@ tr:nth-child(even) > .calendar__day__cell:nth-child(even) {
} }
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
.timeline-banner {
vertical-align: top;
object-fit: cover;
width: 100%;
max-height: var(--banner-height);
}
.calendar { .calendar {
table-display: fixed; table-display: fixed;
margin: 0 20%; margin: 0 20%;
@ -274,6 +283,12 @@ tr:nth-child(even) > .calendar__day__cell:nth-child(even) {
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.timeline-banner {
vertical-align: top;
object-fit: cover;
width: 98vw;
max-height: var(--banner-height-mobile);
}
.calendar { .calendar {
table-display: fixed; table-display: fixed;
margin: 0 0; margin: 0 0;
@ -298,6 +313,12 @@ tr:nth-child(even) > .calendar__day__cell:nth-child(even) {
} }
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
.timeline-banner {
vertical-align: top;
object-fit: cover;
width: 98vw;
max-height: var(--banner-height-tiny);
}
.calendar { .calendar {
table-display: fixed; table-display: fixed;
margin: 0 0; margin: 0 0;

2
webapp_calendar.py
View File

@ -436,7 +436,7 @@ def html_calendar(person_cache: {}, css_cache: {}, translate: {},
'<a href="/users/' + nickname + '" title="' + \ '<a href="/users/' + nickname + '" title="' + \
translate['Switch to timeline view'] + '" alt="' + \ translate['Switch to timeline view'] + '" alt="' + \
translate['Switch to timeline view'] + '" ' + \ translate['Switch to timeline view'] + '" ' + \
'aria-flowto="containerHeader" tabindex="1" accesskey="' + \ 'tabindex="1" accesskey="' + \
access_keys['menuTimeline'] + '">\n' access_keys['menuTimeline'] + '">\n'
calendar_str += '<img loading="lazy" decoding="async" ' + \ calendar_str += '<img loading="lazy" decoding="async" ' + \
'class="timeline-banner" alt="" ' + \ 'class="timeline-banner" alt="" ' + \