From 741816fdf8be96c334a91aaa46ffb2336b92c201 Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Thu, 20 Apr 2023 11:19:24 +0200
Subject: [PATCH] Remove right padding from media player control bar
- Use scss extension fpr styles file
---
...component.css => media-player-control-bar.component.scss} | 5 ++---
.../media-player-control-bar.component.ts | 2 +-
2 files changed, 3 insertions(+), 4 deletions(-)
rename projects/common/components/media-elements/media-player-control-bar/{media-player-control-bar.component.css => media-player-control-bar.component.scss} (94%)
diff --git a/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.css b/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.scss
similarity index 94%
rename from projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.css
rename to projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.scss
index dc5f763d2..4530e17fb 100644
--- a/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.css
+++ b/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.scss
@@ -2,13 +2,12 @@
background-color: #f1f1f1;
display: flex;
flex-direction: row;
- padding-right: 10px;
overflow: hidden;
}
.control-button {
- min-width: 20px;
- padding: 0 5px;
+ min-width: 24px;
+ padding: 0 6px;
}
.enabled-control:hover{
diff --git a/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.ts b/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.ts
index 652975301..9e2b4f2a3 100644
--- a/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.ts
+++ b/projects/common/components/media-elements/media-player-control-bar/media-player-control-bar.component.ts
@@ -11,7 +11,7 @@ import { takeUntil } from 'rxjs/operators';
@Component({
selector: 'aspect-media-player-control-bar',
templateUrl: './media-player-control-bar.component.html',
- styleUrls: ['./media-player-control-bar.component.css']
+ styleUrls: ['./media-player-control-bar.component.scss']
})
export class MediaPlayerControlBarComponent implements OnInit, OnChanges, OnDestroy {
@Input() player!: HTMLVideoElement | HTMLAudioElement;
--
GitLab