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

Use cover for banners

main
Bob Mottram 2020-11-13 10:35:01 +00:00
parent 0cef35257d
commit 11401d5451
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
epicyon-profile.css
View File

@ -130,6 +130,8 @@
--post-separator-width: 95%; --post-separator-width: 95%;
--post-separator-height: 1px; --post-separator-height: 1px;
--header-vertical-offset: 0; --header-vertical-offset: 0;
--profile-background-height: 25vw;
--profile-text-align: left;
} }
@font-face { @font-face {
@ -258,7 +260,7 @@ a:focus {
margin: 10px; margin: 10px;
width: 100%; width: 100%;
color: #ffffff; color: #ffffff;
text-align: left; text-align: var(--profile-text-align);
line-height: 1.4em; line-height: 1.4em;
background-color: #141414; background-color: #141414;
} }
@ -282,8 +284,9 @@ a:focus {
} }
.profileHeader img.profileBackground { .profileHeader img.profileBackground {
object-fit: cover;
max-height: var(--profile-background-height);
width: 100%; width: 100%;
height: 25vw;
vertical-align: top; vertical-align: top;
} }
@ -988,8 +991,9 @@ div.container {
display: none; display: none;
} }
.timeline-banner { .timeline-banner {
object-fit: cover;
width: 98vw; width: 98vw;
height: var(--banner-height); max-height: var(--banner-height);
} }
.timeline { .timeline {
border: 0; border: 0;
@ -1639,8 +1643,9 @@ div.container {
display: inline; display: inline;
} }
.timeline-banner { .timeline-banner {
object-fit: cover;
width: 98vw; width: 98vw;
height: var(--banner-height-mobile); max-height: var(--banner-height-mobile);
} }
.timeline { .timeline {
border: 0; border: 0;