ensure calendar thumbs span entire container
continuous-integration/drone/push Build is passing Details

This commit is contained in:
decentral1se 2022-03-04 13:01:04 +01:00
parent 310233932d
commit 6bc0982187
No known key found for this signature in database
GPG Key ID: 03789458B3D0C410
1 changed files with 20 additions and 19 deletions

View File

@ -36,22 +36,22 @@
:root { :root {
--border-color: tomato; --border-color: tomato;
--tv-dark: #237D0F; --tv-dark: #237D0F;
--tv-light: #E2FAD7; --tv-light: #E2FAD7;
--pen-dark: #E0005C; --pen-dark: #E0005C;
--pen-light: #FEDAE9; --pen-light: #FEDAE9;
--social-light: #C2E4F2; --social-light: #C2E4F2;
--social-dark: #0163A4; --social-dark: #0163A4;
--gallery-light: #FCF4B9; --gallery-light: #FCF4B9;
--gallery-dark: #846A00; --gallery-dark: #846A00;
--shouts-dark: #CB001D; --shouts-dark: #CB001D;
--shouts-light: #FFD9DD; --shouts-light: #FFD9DD;
--calendar-light: #B6EDFF; --calendar-light: #B6EDFF;
--calendar-dark: #0E64C8; --calendar-dark: #0E64C8;
} }
@ -583,13 +583,14 @@ div.network-source {
} }
.calendar-image { .calendar-image {
width: 100%;
max-width: 100%; max-width: 100%;
display: inherit; display: inherit;
} }
/* Card metadata (video & calendar) */ /* Card metadata (video & calendar) */
.tape-label { .tape-label {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -700,7 +701,7 @@ li.page-item.disabled {
} }
/* /*
li.page-item:nth-child(even) { li.page-item:nth-child(even) {
transform: rotate(-1deg); transform: rotate(-1deg);
} }
@ -710,7 +711,7 @@ li.page-item:nth-child(odd) {
} }
li.page-item:nth-child(5) { li.page-item:nth-child(5) {
transform: rotate(2deg); transform: rotate(2deg);
} }
li.page-item:nth-child(8) { li.page-item:nth-child(8) {
@ -801,7 +802,7 @@ footer a:hover {
#top-menu { #top-menu {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.menu, .menu,
#top-menu .search, #top-menu .search,
#login { #login {
@ -813,18 +814,18 @@ footer a:hover {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.mobile-menu #login { .mobile-menu #login {
display: inline-flex; display: inline-flex;
} }
.hamburger { .hamburger {
border: none; border: none;
background: none; background: none;
position: relative; position: relative;
z-index: 3; z-index: 3;
} }
.drawer { .drawer {
display: block; display: block;
position: fixed; position: fixed;
@ -837,7 +838,7 @@ footer a:hover {
transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out;
padding-top: 120px; padding-top: 120px;
} }
.drawer * { .drawer * {
display: none; display: none;
opacity: 0; opacity: 0;
@ -851,12 +852,12 @@ footer a:hover {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.drawer ul li { .drawer ul li {
padding: 1em 0; padding: 1em 0;
/* border-bottom: 1px solid #333; */ /* border-bottom: 1px solid #333; */
} }
.drawer ul li a { .drawer ul li a {
color: white; color: white;
text-decoration: none; text-decoration: none;
@ -867,12 +868,12 @@ footer a:hover {
.drawer.opened { .drawer.opened {
width: 80%; width: 80%;
} }
.drawer.opened * { .drawer.opened * {
display: block; display: block;
opacity: 1; opacity: 1;
} }
/* card styles */ /* card styles */
.card, .card,
.card.network { .card.network {
@ -883,7 +884,7 @@ footer a:hover {
font-size: 17px; font-size: 17px;
min-width: 30ch; min-width: 30ch;
} }
.card h2 a { .card h2 a {
font-size: 26px; font-size: 26px;
} }