Style fixes
Signed-off-by: Chocobozzz <me@florianbigard.com>
This commit is contained in:
parent
488b89433f
commit
8e20aa0c23
|
@ -23,6 +23,6 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
my-timestamp-input {
|
my-timestamp-input {
|
||||||
width: 115px;
|
width: 130px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
|
@ -284,4 +284,8 @@ my-button[theme=secondary] ::ng-deep my-global-icon {
|
||||||
.toggle-menu-container {
|
.toggle-menu-container {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.block-title {
|
||||||
|
max-width: 90%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,6 +6,10 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-top: 50px;
|
margin-top: 50px;
|
||||||
|
|
||||||
|
@include on-small-main-col {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.mascot-fw {
|
.mascot-fw {
|
||||||
|
|
|
@ -35,7 +35,7 @@ h1 {
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin child-active {
|
@mixin child-active {
|
||||||
color: pvar(--fg-350);
|
color: pvar(--fg-400);
|
||||||
font-weight: $font-bold;
|
font-weight: $font-bold;
|
||||||
background-color: pvar(--bg-secondary-400);
|
background-color: pvar(--bg-secondary-400);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -57,7 +57,6 @@ h1 {
|
||||||
|
|
||||||
.parent-container .entry,
|
.parent-container .entry,
|
||||||
.entry.in-modal {
|
.entry.in-modal {
|
||||||
color: pvar(--fg-100);
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-weight: $font-bold;
|
font-weight: $font-bold;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
@ -65,14 +64,14 @@ h1 {
|
||||||
@include font-size(22px);
|
@include font-size(22px);
|
||||||
@include disable-default-a-behaviour;
|
@include disable-default-a-behaviour;
|
||||||
|
|
||||||
&:hover,
|
&:hover {
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
color: pvar(--fg);
|
color: pvar(--fg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.parent-container .entry {
|
.parent-container .entry {
|
||||||
|
color: pvar(--fg-100);
|
||||||
|
|
||||||
@include margin-right(2rem);
|
@include margin-right(2rem);
|
||||||
|
|
||||||
&.active,
|
&.active,
|
||||||
|
@ -84,8 +83,11 @@ h1 {
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry.in-modal {
|
.entry.in-modal {
|
||||||
|
color: pvar(--fg);
|
||||||
|
|
||||||
padding: 9px 12px;
|
padding: 9px 12px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
&.active,
|
&.active,
|
||||||
&.child-active {
|
&.child-active {
|
||||||
|
@ -130,9 +132,7 @@ h1 {
|
||||||
@include child-active;
|
@include child-active;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
&:hover {
|
||||||
&:active,
|
|
||||||
&:focus {
|
|
||||||
color: pvar(--fg);
|
color: pvar(--fg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -73,7 +73,7 @@ export class VideoThumbnailComponent {
|
||||||
|
|
||||||
const currentTime = this.video.userHistory.currentTime
|
const currentTime = this.video.userHistory.currentTime
|
||||||
|
|
||||||
return (currentTime / this.video.duration) * 100
|
return Math.round((currentTime / this.video.duration)) * 100
|
||||||
}
|
}
|
||||||
|
|
||||||
getDurationOverlayLabel () {
|
getDurationOverlayLabel () {
|
||||||
|
|
Loading…
Reference in New Issue