1.9.1 - Updating featured video

Author: quead

dist/assets/css/main.css

@@ -91,6 +91,13 @@ a:active {
   line-height: 1;
 }
 
+.btn .fa {
+  margin-right: 8px;
+  font-size: 10px;
+  top: -1px;
+  position: relative;
+}
+
 .btn-round {
   border-radius: 50px;
 }
@@ -119,12 +126,10 @@ a:active {
 
 .btn-primary:hover {
   background-color: var(--c-primary-active);
-  transform: scale(1.05);
 }
 
 .btn-primary:active {
   background-color: var(--c-primary-active-focus);
-  transform: scale(1);
 }
 
 .btn-primary-inverse {
@@ -141,6 +146,20 @@ a:active {
   color: var(--c-white);
 }
 
+.btn-outline {
+  border: 1px solid var(--c-white);
+  opacity: 0.6;
+}
+
+.btn-outline:hover {
+  opacity: 1;
+}
+
+.btn-outline:active {
+  background-color: var(--c-white);
+  color: var(--c-black);
+}
+
 :root {
   --menu-diff: 175px;
 }
@@ -1422,6 +1441,7 @@ iframe {
 
 .video-item-details {
   display: flex;
+  color: rgba(255, 255, 255, 0.45);
 }
 
 .video-item-details p {
@@ -1492,6 +1512,11 @@ iframe {
   height: calc(100% - 39px);
   width: 100%;
   overflow: auto;
+  background-color: var(--c-dark-gray);
+}
+
+#playlist-video-list .playlist-video-content .video-item:not(.active) {
+  background-color: transparent;
 }
 
 #playlist-video-list .playlist-video-content::-webkit-scrollbar-track {
@@ -1520,26 +1545,65 @@ iframe {
   position: relative;
 }
 
+.video-list-featured .copy-link {
+  padding-left: 0;
+  padding-right: 0;
+  transform: scale(1);
+  opacity: 0.6;
+}
+
+.video-list-featured .copy-link:hover {
+  opacity: 1;
+}
+
+.video-list-featured .copy-link:active {
+  transform: scale(0.9);
+}
+
 .video-list-featured .video-item {
   position: absolute;
-  bottom: 15px;
+  display: block;
+  bottom: 20px;
   left: 0;
   width: auto;
   padding: 10px 15px;
   max-width: 90%;
-  background-color: rgba(0, 0, 0, 0.6);
   color: var(--c-white);
+  background-color: inherit;
   border: none;
 }
 
 .video-list-featured .video-item-info {
-  background-color: transparent;
+  background-color: inherit;
 }
 
 .video-list-featured .video-item-info > div {
   display: inline-block;
 }
 
+.video-list-featured .video-item-settings {
+  opacity: 1;
+  visibility: visible;
+  background-color: transparent;
+  position: relative;
+  top: auto;
+  left: auto;
+  height: auto;
+  width: auto;
+  margin-top: 15px;
+}
+
+.video-list-featured:before {
+  content: '';
+  display: block;
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.5);
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
 #feed-video-list {
   top: inherit;
   bottom: 0;