dbroqua/MusicTopus
dbroqua/MusicTopus
1
1
Fork 0
Code Issues 9 Pull requests Releases 14 Activity

Updated close modal button

Browse source
This commit is contained in:
Damien Broqua 2024-01-13 19:05:20 +01:00
parent 0a2d5029b5
commit f73d4a3093
2 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
sass/colors.scss
View file

@ -37,6 +37,9 @@ $button-alternate-color: #01103C;
$pagination-border-color: $nord3; $pagination-border-color: $nord3;
$pagination-hover-color: rgb(115, 151, 186); $pagination-hover-color: rgb(115, 151, 186);
$close-background: rgba(10,10,10,.6);
$close-background-dark: rgba(240,240,240,.6);
:root { :root {
--default-color: #{$white}; --default-color: #{$white};
--bg-color: #{darken($white, 5%)}; --bg-color: #{darken($white, 5%)};
@ -58,6 +61,8 @@ $pagination-hover-color: rgb(115, 151, 186);
--button-link-text-color: #2C364A; --button-link-text-color: #2C364A;
--close-background: #{$close-background};
--loader-img: url('/img/loading-light.gif'); --loader-img: url('/img/loading-light.gif');
--nord0: #{$nord0}; --nord0: #{$nord0};
@ -99,5 +104,7 @@ $pagination-hover-color: rgb(115, 151, 186);
--button-link-text-color: #{$white}; --button-link-text-color: #{$white};
--close-background: #{$nord3};
--loader-img: url('/img/loading-dark.gif'); --loader-img: url('/img/loading-dark.gif');
} }

19
sass/ma-collection-details.scss
View file

@ -45,16 +45,21 @@
.modal { .modal {
button.close { button.close {
height: 36px; height: 42px;
max-height: 36px; max-height: 42px;
max-width: 36px; max-width: 42px;
min-height: 36px; min-height: 42px;
min-width: 36px; min-width: 42px;
width: 36px; width: 42px;
position: absolute; position: absolute;
background-color: rgba(10,10,10,.6); background-color: var(--close-background);
right: 12px; right: 12px;
top: 12px; top: 12px;
&::before,
&::after {
background-color: $white;
}
} }
.carousel { .carousel {