Fix scss-lint error SelectorDepth.

html/logo.html

@@ -1 +1 @@
-<%define "logo"%><span class="logo" title="<%.Cfg.Title%>"><span><a target="_blank" href="https://github.com/strukturag/spreed-webrtc">WebRTC</a></span></span><%end%>
+<%define "logo"%><span class="logo" title="<%.Cfg.Title%>"><span class="desc"><a target="_blank" href="https://github.com/strukturag/spreed-webrtc">WebRTC</a></span></span><%end%>

src/styles/components/_audiovideo.scss

@@ -226,6 +226,7 @@
   }
 
   .peerActions {
+    // scss-lint:disable SelectorDepth
     bottom: 5%;
     left: 40px;
     opacity: 0;
@@ -350,6 +351,7 @@
 }
 
 .renderer-smally {
+  // scss-lint:disable SelectorDepth
   background: #000;
   border-right: 0;
   border-top: 0;
@@ -401,6 +403,7 @@
 }
 
 .renderer-conferencekiosk {
+  // scss-lint:disable SelectorDepth
   .remoteVideos {
     background: $video-background;
     bottom: 2px;

src/styles/components/_bar.scss

@@ -37,42 +37,43 @@
     padding: 2px 5px 0 11px;
     padding: 2px 5px 0 11px;
   }
+}
 
-  .logo {
-    background: $logo no-repeat;
-    background-size: 100%;
-    color: #000;
-    display: inline-block;
-    font: normal 11px/11px $font-sans-serif;
-    height: 32px;
-    text-align: left;
-    vertical-align: middle;
-    width: 90px;
+.logo {
+  background: $logo no-repeat;
+  background-size: 100%;
+  color: #000;
+  display: inline-block;
+  font: normal 11px/11px $font-sans-serif;
+  height: 32px;
+  text-align: left;
+  vertical-align: middle;
+  width: 90px;
 
-    @include breakpt($breakpoint-medium) {
-      background: $scalable-logo no-repeat center;
-      height: 46px;
-      width: 46px;
+  @include breakpt($breakpoint-medium) {
+    background: $scalable-logo no-repeat center;
+    height: 46px;
+    width: 46px;
 
-      span {
-        display: none;
-      }
+    .desc {
+      display: none;
     }
+  }
 
-    span {
-      font-style: italic;
-      left: 38px;
-      position: relative;
-      top: 26px;
-    }
+  .desc {
+    font-style: italic;
+    left: 38px;
+    position: relative;
+    top: 26px;
 
-    span a {
+    a {
       color: $bar-logo-text-desc;
     }
   }
 }
 
 .bar .middle {
+  // scss-lint:disable SelectorDepth
   left: 0;
   pointer-events: none;
   position: absolute;
@@ -178,23 +179,22 @@
       color: #fff;
     }
   }
+}
 
-  .btn-mutemicrophone i:before {
-    content: '\f130';
-  }
-
-  .btn-mutemicrophone.active i:before {
-    content: '\f131';
-  }
+.btn-mutemicrophone i:before {
+  content: '\f130';
+}
 
-  .btn-mutecamera i:before {
-    content: '\f06e';
-  }
+.btn-mutemicrophone.active i:before {
+  content: '\f131';
+}
 
-  .btn-mutecamera.active i:before {
-    content: '\f070';
-  }
+.btn-mutecamera i:before {
+  content: '\f06e';
+}
 
+.btn-mutecamera.active i:before {
+  content: '\f070';
 }
 
 @keyframes shakeityeah {

src/styles/components/_buddylist.scss

@@ -276,7 +276,7 @@
   }
 }
 
-.buddy .buddysessions {
+.buddysessions {
   margin-bottom: 10px;
   margin-top: 56px;
   max-height: 0;
@@ -292,20 +292,20 @@
     padding-top: 10px;
   }
 
-  ul li {
+  li {
     list-style-type: none;
     margin-bottom: 2px;
     margin-left: 0;
 
-    .btn-group {
-      visibility: hidden;
-    }
-
     &:hover .btn-group {
       visibility: visible;
     }
   }
 
+  .btn-group {
+    visibility: hidden;
+  }
+
   .currentsession .buddy3 {
     font-weight: bold;
   }

src/styles/components/_contactsmanager.scss

@@ -68,22 +68,22 @@
 
   .table {
     margin-bottom: 0;
+  }
 
-    tr:first-child td {
-      border-top: 0;
-    }
+  tr:first-child td {
+    border-top: 0;
+  }
 
-    .name {
-      text-align: left;
-      vertical-align: middle;
-      width: 40%;
-    }
+  .name {
+    text-align: left;
+    vertical-align: middle;
+    width: 40%;
+  }
 
-    .action {
-      padding-right: 15px;
-      text-align: right;
-      vertical-align: middle;
-    }
+  .action {
+    padding-right: 15px;
+    text-align: right;
+    vertical-align: middle;
   }
 }
 

src/styles/components/_fileinfo.scss

@@ -37,17 +37,14 @@
 
   .file-info-bg {
     bottom: 0;
+    color: $fileinfo-icon-background-color;
+    font-size: 20em;
     left: 41px;
     overflow: hidden;
     position: absolute;
     right: 0;
-    top: -17px;
+    top: -82px;
     z-index: 2;
-
-    .#{$fa-css-prefix} {
-      color: $fileinfo-icon-background-color;
-      font-size: 20em;
-    }
   }
 
   .actions {
@@ -64,10 +61,8 @@
   border: 1px solid $fileinfo-border-remote;
 
   .file-info-bg {
-    .#{$fa-css-prefix} {
-      color: $fileinfo-icon-background-color-remote;
-      font-size: 20em;
-    }
+    color: $fileinfo-icon-background-color-remote;
+    font-size: 20em;
   }
 }
 

src/styles/components/_presentation.scss

@@ -27,30 +27,6 @@
   top: 0;
 }
 
-.presentationpane .welcome {
-  padding: 0;
-}
-
-.presentationpane .welcome h1 {
-  white-space: normal;
-}
-
-.presentationpane .welcome button {
-  margin-top: 30px;
-}
-
-.presentationpane .welcome .progress span {
-  text-shadow: none;
-}
-
-.presentationpane .welcome .progress .download-info {
-  color: $text-color;
-  left: 0;
-  position: absolute;
-  text-shadow: 1px 1px 1px #fff;
-  width: 100%;
-}
-
 .mainPresentation #presentation {
   display: block;
 }
@@ -62,6 +38,26 @@
   position: absolute;
   right: 0;
   top: 0;
+
+  .welcome {
+    padding: 0;
+
+    .btn {
+      margin-top: 30px;
+    }
+  }
+
+  h1 {
+    white-space: normal;
+  }
+
+  .download-info {
+    color: $text-color;
+    left: 0;
+    position: absolute;
+    text-shadow: 1px 1px 1px #fff;
+    width: 100%;
+  }
 }
 
 .presentationpane {
@@ -165,14 +161,17 @@
 }
 
 .presentation .thumbnail .caption .size {
+  // scss-lint:disable SelectorDepth
   font-size: 10px;
 }
 
 .presentation .thumbnail .caption .progress {
+  // scss-lint:disable SelectorDepth
   position: relative;
 }
 
 .presentation .thumbnail .caption .download-info {
+  // scss-lint:disable SelectorDepth
   bottom: 0;
   color: $text-color;
   left: 0;

src/styles/components/_youtubevideo.scss

@@ -112,7 +112,7 @@
   width: 100%;
 }
 
-.youtubevideo .overlaybar-content form .overlaybar-buttons {
+.youtubevideo .overlaybar-content .overlaybar-buttons {
   position: absolute;
   right: 23px;
   top: 6px;