ReflectsLight/al-quran.reflectslight.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve language dropdown (take 2)

Browse source
This commit is contained in:
0x1eef 2023-10-30 06:55:24 -03:00
parent 770c087868
commit 6c0819bfdd
6 changed files with 21 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/css/_layout.scss
View file

@ -69,6 +69,7 @@ body .root .content.theme {
li {
align-items: center;
font-family: "Kanit Regular";
border-radius: 15px;
span {
display: flex;
height: 100%;

11
src/css/pages/SurahIndex.scss
View file

@ -6,6 +6,11 @@
body .root .content.theme {
header {
height: 115px;
.react-select.language {
ul li {
border-radius: 15px;
}
}
}
ul.body.index {
@ -84,17 +89,17 @@ body .root .content.theme.ar {
ul.body.index {
li.surah {
min-height: 65px;
min-height: 55px;
a {
div:first-child {
.id {
font-size: x-large;
font-family: "Kanit Regular";
width: 55px;
height: 52px;
height: 47px;
}
.name {
font-size: xx-large;
font-size: x-large;
}
}
.transliterated { display: none; }

3
src/css/themes/blue/_layout.scss
View file

@ -10,8 +10,7 @@
ul li {
background: $blue1;
color: $white;
border: 3px solid $gold1;
border-radius: 5px;
border: 3px solid lighten($gold1, 5%);
}
}
}

8
src/css/themes/blue/pages/_SurahIndex.scss
View file

@ -1,13 +1,17 @@
.root .content.theme.blue {
@import "themes/blue/colors";
ul.body.index li.surah a {
ul.body.index {
li.surah a {
&:active, &:link, &:visited {
color: $blue1;
}
div:first-child {
.id { color: $gold1; }
.id {
color: $gold1;
}
}
}
}

2
src/css/themes/green/_layout.scss
View file

@ -13,7 +13,7 @@
background-color: $green1;
color: $white;
border: 3px solid darken($green1, 15%);
border-radius: 5px;
border-radius: 15px;
}
}
}

7
src/css/themes/green/pages/_SurahIndex.scss
View file

@ -5,13 +5,6 @@
&:active, &:link, &:visited {
color: $green1;
}
.surah.id {
background: $green1;
color: $white;
border-radius: 5px;
padding: 3px;
}
}
footer a {