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 { li {
align-items: center; align-items: center;
font-family: "Kanit Regular"; font-family: "Kanit Regular";
border-radius: 15px;
span { span {
display: flex; display: flex;
height: 100%; height: 100%;

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

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

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

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

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

@ -1,13 +1,17 @@
.root .content.theme.blue { .root .content.theme.blue {
@import "themes/blue/colors"; @import "themes/blue/colors";
ul.body.index li.surah a { ul.body.index {
&:active, &:link, &:visited { li.surah a {
color: $blue1; &:active, &:link, &:visited {
} color: $blue1;
}
div:first-child { 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; background-color: $green1;
color: $white; color: $white;
border: 3px solid darken($green1, 15%); 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 { &:active, &:link, &:visited {
color: $green1; color: $green1;
} }
.surah.id {
background: $green1;
color: $white;
border-radius: 5px;
padding: 3px;
}
} }
footer a { footer a {