Browse Source

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.
master
Leonard Kim 8 years ago
parent
commit
3d0226ccd0
1 changed files with 8 additions and 11 deletions
  1. 8
    11
      css/_videolayout_default.scss

+ 8
- 11
css/_videolayout_default.scss View File

495
                     0px 0px 1px rgba(0,0,0,0.3);
495
                     0px 0px 1px rgba(0,0,0,0.3);
496
 }
496
 }
497
 
497
 
498
-.audio-only-label {
499
-    display: flex;
500
-    height: auto;
501
-    justify-content: center;
502
-    z-index: $centeredVideoLabelZ;
503
-}
504
-
505
-.audio-only-label,
506
 .video-state-indicator {
498
 .video-state-indicator {
507
     background: $videoStateIndicatorBackground;
499
     background: $videoStateIndicatorBackground;
508
     color: $videoStateIndicatorColor;
500
     color: $videoStateIndicatorColor;
509
-    cursor: default;
501
+    cursor: pointer;
510
     font-size: 13px;
502
     font-size: 13px;
511
     height: 40px;
503
     height: 40px;
512
     line-height: 20px;
504
     line-height: 20px;
516
     border-radius: 50%;
508
     border-radius: 50%;
517
     position: absolute;
509
     position: absolute;
518
     box-sizing: border-box;
510
     box-sizing: border-box;
511
+
512
+    i {
513
+        cursor: pointer;
514
+    }
519
 }
515
 }
520
 
516
 
521
 #videoResolutionLabel,
517
 #videoResolutionLabel,
522
-.centeredVideoLabel {
523
-    z-index: $centeredVideoLabelZ;
518
+.centeredVideoLabel.moveToCorner {
519
+    z-index: $tooltipsZ;
524
 }
520
 }
525
 
521
 
526
 .centeredVideoLabel {
522
 .centeredVideoLabel {
529
     display: none;
525
     display: none;
530
     -webkit-transition: all 2s 2s linear;
526
     -webkit-transition: all 2s 2s linear;
531
     transition: all 2s 2s linear;
527
     transition: all 2s 2s linear;
528
+    z-index: $centeredVideoLabelZ;
532
 
529
 
533
     &.moveToCorner {
530
     &.moveToCorner {
534
         bottom: auto;
531
         bottom: auto;

Loading…
Cancel
Save