fix(video-label): modify z-index and cursor

- Change z-index so any tooltips that display over the label,
  particularly in vertical filmstrip mode, actually hide the label.
- Change the cursor to be a pointer so the label looks clickable.
- Remove unused audio-only-label styling.
This commit is contained in:
Leonard Kim 2017-05-24 10:27:46 -07:00
parent 600f7bcf7b
commit 3d0226ccd0
1 changed files with 8 additions and 11 deletions

View File

@ -495,18 +495,10 @@
0px 0px 1px rgba(0,0,0,0.3); 0px 0px 1px rgba(0,0,0,0.3);
} }
.audio-only-label {
display: flex;
height: auto;
justify-content: center;
z-index: $centeredVideoLabelZ;
}
.audio-only-label,
.video-state-indicator { .video-state-indicator {
background: $videoStateIndicatorBackground; background: $videoStateIndicatorBackground;
color: $videoStateIndicatorColor; color: $videoStateIndicatorColor;
cursor: default; cursor: pointer;
font-size: 13px; font-size: 13px;
height: 40px; height: 40px;
line-height: 20px; line-height: 20px;
@ -516,11 +508,15 @@
border-radius: 50%; border-radius: 50%;
position: absolute; position: absolute;
box-sizing: border-box; box-sizing: border-box;
i {
cursor: pointer;
}
} }
#videoResolutionLabel, #videoResolutionLabel,
.centeredVideoLabel { .centeredVideoLabel.moveToCorner {
z-index: $centeredVideoLabelZ; z-index: $tooltipsZ;
} }
.centeredVideoLabel { .centeredVideoLabel {
@ -529,6 +525,7 @@
display: none; display: none;
-webkit-transition: all 2s 2s linear; -webkit-transition: all 2s 2s linear;
transition: all 2s 2s linear; transition: all 2s 2s linear;
z-index: $centeredVideoLabelZ;
&.moveToCorner { &.moveToCorner {
bottom: auto; bottom: auto;