Style fixes

Signed-off-by: Chocobozzz <me@florianbigard.com>
This commit is contained in:
Chocobozzz 2024-11-27 08:45:59 +01:00
parent 488b89433f
commit 8e20aa0c23
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
5 changed files with 18 additions and 10 deletions

View File

@ -23,6 +23,6 @@
} }
my-timestamp-input { my-timestamp-input {
width: 115px; width: 130px;
display: inline-block; display: inline-block;
} }

View File

@ -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%;
}
} }

View File

@ -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 {

View File

@ -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);
} }
} }

View File

@ -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 () {