Skip to content

Commit

Permalink
Minor visual fixes
Browse files Browse the repository at this point in the history
Don't use vw, doesn't include scrollbars
Fix some selectors that use buttons now instead of divs
  • Loading branch information
cpiber committed Aug 8, 2024
1 parent 59f5900 commit bb21f1f
Showing 1 changed file with 26 additions and 22 deletions.
48 changes: 26 additions & 22 deletions src/styles/content.scss
Original file line number Diff line number Diff line change
Expand Up @@ -15,8 +15,12 @@ html.enhancer-fullVideo.page-video {
width: 100vw !important;
max-height: 100vh !important;
min-height: 100vh !important;
max-width: 100vw !important;
min-width: 100vw !important;
max-width: 100% !important;
margin: 0 !important;

&, video, .video-poster {
border-radius: 0 !important;
}
}

#NebulaApp > div:first-of-type {
Expand Down Expand Up @@ -62,7 +66,7 @@ html.enhancer-fullVideo.page-video {
margin-left: -40px;
}

div.enhancer-queueButton {
.enhancer-queueButton {
top: 24px;
bottom: unset;
line-height: 0;
Expand Down Expand Up @@ -142,19 +146,6 @@ div.nebula-watch-later {
}
}

a.enhancer-queueButtonAll {
svg {
width: 12px;
height: 12px;

#main,
#outline {
fill: white;
fill: currentcolor;
}
}
}

.enhancer-hiddenVideo {
position: relative;

Expand Down Expand Up @@ -275,7 +266,7 @@ div.enhancer-tooltip {
}
}

div.enhancer-volume {
.enhancer-volume {
transition: width 0.25s ease-in-out;
overflow: hidden;
margin-right: -8px;
Expand All @@ -293,8 +284,8 @@ div.enhancer-volume {
}
}

div#volume-controller-conditional,
div#volume-controller {
#volume-controller-conditional,
#volume-controller {
.volume-slider-container {
transition: opacity 0.4s ease-in-out 0.1s, margin-right 0.2s ease-in-out;
}
Expand All @@ -310,22 +301,22 @@ div#volume-controller {
}
}

div#volume-controller {
#volume-controller {
width: calc(33px + 3.5em);

.volume-slider-container {
margin-right: calc(3.5em - 8px);
}
}

div.enhancer-time {
.enhancer-time {
&.enhancer-hide-remaining .enhancer-time-remaining,
&.enhancer-hide-current .enhancer-time-current {
display: none;
}
}

div.enhancer-queue-control {
.enhancer-queue-control {
&.disabled {
pointer-events: none;
opacity: 0.4;
Expand Down Expand Up @@ -356,3 +347,16 @@ button.enhancer-hidden {
body > .watch-on-nebula {
display: none !important;
}

a.enhancer-queueButtonAll {
svg {
width: 12px;
height: 12px;

#main,
#outline {
fill: white;
fill: currentcolor;
}
}
}

0 comments on commit bb21f1f

Please sign in to comment.