Bug fixes
This commit is contained in:
parent
cfdd58661d
commit
c41a5cd2a7
2 changed files with 49 additions and 50 deletions
|
@ -2,59 +2,59 @@
|
||||||
@import "components/Select";
|
@import "components/Select";
|
||||||
@import "components/Icon";
|
@import "components/Icon";
|
||||||
|
|
||||||
.content ul.body.stream {
|
.root .content.theme {
|
||||||
scrollbar-gutter: stable;
|
ul.body.stream {
|
||||||
|
height: 73%;
|
||||||
|
padding: 0 0 35px 0;
|
||||||
|
scrollbar-gutter: stable;
|
||||||
|
|
||||||
li.ayah {
|
li.ayah {
|
||||||
span.title {
|
span.title {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.svg.sound-on, .svg.sound-off {
|
||||||
|
cursor: pointer;
|
||||||
|
height: 24px;
|
||||||
|
width: 24px;
|
||||||
|
g { transform: translate(0px, 18px); }
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li.ayah.fade {
|
||||||
|
@keyframes FadeIn {
|
||||||
|
0% { opacity: 0;}
|
||||||
|
25% { opacity: 0.25; }
|
||||||
|
50% { opacity: 0.5; }
|
||||||
|
75% { opacity: 0.75 }
|
||||||
|
100% { opacity: 1; }
|
||||||
|
}
|
||||||
|
animation: FadeIn 1s;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
.timer {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
flex-direction: column;
|
||||||
}
|
align-items: flex-end;
|
||||||
.svg.sound-on, .svg.sound-off {
|
|
||||||
cursor: pointer;
|
|
||||||
height: 24px;
|
height: 24px;
|
||||||
width: 24px;
|
width: 40px;
|
||||||
g { transform: translate(0px, 18px); }
|
font-family: "Kanit Regular";
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: large;
|
||||||
}
|
}
|
||||||
p {
|
|
||||||
width: 100%;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
li.ayah.fade {
|
|
||||||
@keyframes FadeIn {
|
|
||||||
0% { opacity: 0;}
|
|
||||||
25% { opacity: 0.25; }
|
|
||||||
50% { opacity: 0.5; }
|
|
||||||
75% { opacity: 0.75 }
|
|
||||||
100% { opacity: 1; }
|
|
||||||
}
|
|
||||||
animation: FadeIn 1s;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.content footer {
|
|
||||||
.timer {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-end;
|
|
||||||
height: 24px;
|
|
||||||
width: 40px;
|
|
||||||
font-family: "Kanit Regular";
|
|
||||||
text-align: center;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: large;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.content.theme.en {
|
.content.theme.en {
|
||||||
ul.body.stream {
|
ul.body.stream {
|
||||||
li.ayah {
|
li { padding: 10px 0 0 0; }
|
||||||
p {
|
|
||||||
min-height: 35px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -78,15 +78,18 @@
|
||||||
span.title {
|
span.title {
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
height: 0;
|
height: 0;
|
||||||
min-height: 50px;
|
padding: 35px 0 25px 0;
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
min-height: 70px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
footer .timer {
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@import "themes/blue";
|
@import "themes/blue";
|
||||||
|
|
|
@ -20,10 +20,6 @@
|
||||||
fill: $green1;
|
fill: $green1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stalled.icon {
|
|
||||||
background: $green1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sound-on.icon, .svg.sound-off.icon {
|
.sound-on.icon, .svg.sound-off.icon {
|
||||||
polygon {
|
polygon {
|
||||||
fill: $green1;
|
fill: $green1;
|
||||||
|
|
Loading…
Reference in a new issue