Update: Media transcript completion styling (adaptlearning#475)

redwoodperforms · Oct 13, 2023 · 7d4d5f7 · 7d4d5f7
1 parent 531ff31
commit 7d4d5f7
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/less/plugins/adapt-contrib-media/media.less b/less/plugins/adapt-contrib-media/media.less
@@ -9,13 +9,23 @@
     color: @item-color-inverted;
     border-radius: @item-border-radius;
 
-    .no-touch &:hover {
+    .no-touch &:not([aria-expanded="true"]):hover {
       background-color: @item-color-hover;
       color: @item-color-inverted-hover;
       .transition(background-color @duration ease-in, color @duration ease-in;);
     }
   }
 
+  &.is-complete &__transcript-btn {
+    background-color: @visited;
+    color: @visited-inverted;
+  }
+
+  &__transcript-btn[aria-expanded="true"] {
+    background-color: @item-color-selected;
+    color: @item-color-inverted-selected;
+  }
+
   &__transcript-body-inline {
     margin-top: @item-margin;
     padding: @item-padding;