proper colors on selected-indeterminate and non-selected in clipboard

learningequality · Sep 10, 2024 · 8c717d0 · 8c717d0
1 parent ea4709b
commit 8c717d0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/Clipboard/Channel.vue b/contentcuration/contentcuration/frontend/channelEdit/components/Clipboard/Channel.vue
@@ -12,6 +12,7 @@
           <Checkbox
             ref="checkbox"
             class="ma-0 pa-0"
+            :class="{ selectedIndeterminate: !selected && indeterminate }"
             :inputValue="selected"
             :indeterminate="indeterminate"
             @input="goNextSelectionState"
@@ -140,4 +141,8 @@
     line-height: 1.3 !important;
   }
 
+  /deep/ .selectedIndeterminate svg {
+    fill: gray !important;
+  }
+
 </style>
diff --git a/contentcuration/contentcuration/frontend/channelEdit/components/Clipboard/ContentNode.vue b/contentcuration/contentcuration/frontend/channelEdit/components/Clipboard/ContentNode.vue
@@ -32,6 +32,7 @@
                       <Checkbox
                         ref="checkbox"
                         class="mt-0 pt-0"
+                        :class="{ selectedIndeterminate: !selected && indeterminate }"
                         :inputValue="selected"
                         :indeterminate="indeterminate"
                         @input="goNextSelectionState"
@@ -303,4 +304,8 @@
     line-height: 1.3 !important;
   }
 
+  /deep/ .selectedIndeterminate svg {
+    fill: gray !important;
+  }
+
 </style>