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

source detail page

Browse Source
This commit is contained in:
meeb
2020-11-28 14:41:17 +11:00
parent 22d040bc8f
commit b347959083
13 changed files with 268 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,7 +10,7 @@ $background-colour: $colour-near-white;
$text-colour: $colour-near-black;
$header-background-colour: $colour-red;
$header-text-colour: $colour-white;
$header-text-colour: $colour-near-white;
$nav-background-colour: $colour-near-black;
$nav-text-colour: $colour-near-white;
@@ -18,10 +18,10 @@ $nav-link-background-hover-colour: $colour-orange;
$main-button-background-colour: $colour-light-blue;
$main-button-background-hover-colour: $colour-orange;
$main-button-text-colour: $colour-white;
$main-button-text-colour: $colour-near-white;
$footer-background-colour: $colour-red;
$footer-text-colour: $colour-white;
$footer-text-colour: $colour-near-white;
$footer-link-colour: $colour-near-black;
$footer-link-hover-colour: $colour-orange;
@@ -32,6 +32,11 @@ $form-select-border-colour: $colour-light-blue;
$form-error-background-colour: $colour-red;
$form-error-text-colour: $colour-near-white;
$form-help-text-colour: $colour-light-blue;
$form-delete-button-background-colour: $colour-red;
$collection-no-items-text-colour: $colour-light-blue;
$collection-background-hover-colour: $colour-orange;
$collection-text-hover-colour: $colour-near-white;
$box-error-background-colour: $colour-red;
$box-error-text-colour: $colour-white;
$box-error-text-colour: $colour-near-white;

7
app/common/static/styles/_forms.scss
View File

@@ -39,3 +39,10 @@ select {
border: 2px $form-select-border-colour solid;
height: initial !important;
}
.delete-button {
background-color: $form-delete-button-background-colour !important;
&:hover {
background-color: $main-button-background-hover-colour !important;
}
}

4
app/common/static/styles/_helpers.scss
View File

@@ -10,6 +10,10 @@ strong {
margin-bottom: 0 !important;
}
.margin-bottom {
margin-bottom: 20px !important;
}
.errors {
background-color: $box-error-background-colour;
border-radius: 2px;

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

@@ -64,19 +64,34 @@ main {
h1 {
margin: 0;
padding: 0;
padding: 0 0 0.5rem 0;
font-size: 2rem;
}
.btn {
width: 100%;
background-color: $main-button-background-colour !important;
background-color: $main-button-background-colour;
color: $main-button-text-colour !important;
i {
font-size: 0.9rem;
}
&:hover {
background-color: $main-button-background-hover-colour !important;
background-color: $main-button-background-hover-colour;
}
}
.collection {
.collection-item {
display: block;
}
a.collection-item {
&:hover {
background-color: $collection-background-hover-colour !important;
color: $collection-text-hover-colour !important;
}
}
.no-items {
color: $collection-no-items-text-colour;
}
}