PublicSnapshot/tubesync
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

front end media display tweaks

Browse Source
This commit is contained in:
meeb
2020-12-06 19:36:56 +11:00
parent 870f44d5e4
commit f3ab3b97f5
5 changed files with 44 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/common/static/styles/_colours.scss
View File

@@ -41,8 +41,10 @@ $collection-text-colour: $colour-near-black;
$collection-background-hover-colour: $colour-orange;
$collection-text-hover-colour: $colour-near-white;
$mediacard-title-background-colour: $colour-black;
$mediacard-title-text-colour: $colour-white;
$mediacard-title-background-colour: $colour-near-black;
$mediacard-title-text-colour: $colour-near-white;
$mediacard-border-colour: $colour-near-white;
$mediacard-border-hover-colour: $colour-orange;
$box-error-background-colour: $colour-red;
$box-error-text-colour: $colour-near-white;

21
app/common/static/styles/_template.scss
View File

@@ -106,19 +106,32 @@ main {
}
.mediacard {
a {
border-radius: 2px 2px 0 0;
display: block;
border: 3px $mediacard-border-colour solid;
&:hover {
border: 3px $mediacard-border-hover-colour solid;
}
}
.card-title {
padding: 3px 10px 3px 5px !important;
margin: 5px !important;
line-height: 1.5rem;
font-size: 1.5rem;
line-height: 1.4rem;
font-size: 1.3rem;
left: initial !important;
right: 0 !important;
max-width: 75% !important;
opacity: 80%;
max-width: 80% !important;
background-color: $mediacard-title-background-colour !important;
color: $mediacard-title-text-colour !important;
span {
font-size: 1rem;
line-height: 1rem;
}
}
.card-image {
img {
border-radius: 0 !important;
}
}
}