Chneemann/videoflix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Scroll buttons opacity replaced by display:none

Browse source
This commit is contained in:
Chneemann 2024-09-08 08:51:47 +02:00
parent 4cdf58142c
commit 1373b46898
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/app/components/home/browse/categories/categories.component.scss
View file

@ -16,6 +16,8 @@ section {
} }
} }
// Movies
.movie { .movie {
width: 213px; width: 213px;
height: 120px; height: 120px;
@ -37,8 +39,6 @@ section {
border: 2px solid $blue !important; border: 2px solid $blue !important;
} }
// Movies
.movies { .movies {
display: flex; display: flex;
overflow-x: auto; overflow-x: auto;
@ -52,19 +52,20 @@ section {
display: none; display: none;
} }
// Scroll buttons
.scroll-buttons { .scroll-buttons {
position: absolute; position: absolute;
top: 50%; top: 50%;
width: 100%; width: 100%;
display: flex; display: none;
opacity: 0;
justify-content: space-between; justify-content: space-between;
pointer-events: none; pointer-events: none;
transform: translateY(-50%); transform: translateY(-50%);
} }
.scroll-buttons.show { .scroll-buttons.show {
opacity: 1; /* Sichtbar machen, wenn Klasse 'show' hinzugefügt wird */ display: flex;
} }
.scroll-left, .scroll-left,