Background orange on sorted columns
authorChocobozzz <florian.bigard@gmail.com>
Mon, 11 Dec 2017 09:44:40 +0000 (10:44 +0100)
committerChocobozzz <florian.bigard@gmail.com>
Mon, 11 Dec 2017 09:44:40 +0000 (10:44 +0100)
client/src/sass/application.scss

index 9a93411e916788c5e2c5d038402aa07603edaae6..9d347d5663df7f37ea98ad326500a74828dfd118 100644 (file)
@@ -182,11 +182,18 @@ p-datatable {
     font-weight: $font-semibold !important;
     color: #000 !important;
 
-    &.ui-state-active, &.ui-sortable-column:hover {
+    &.ui-sortable-column:hover:not(.ui-state-active) {
       background-color: #f0f0f0 !important;
       border: 1px solid #f0f0f0 !important;
       border-width: 0 1px !important;
     }
+
+    &.ui-state-active {
+      color: #fff !important;
+      background-color: $orange-color !important;
+      border: 1px solid $orange-color !important;
+      border-width: 0 1px !important;
+    }
   }
 
   .action-cell {
@@ -281,7 +288,6 @@ p-datatable {
   }
 }
 
-
 .orange-button {
   @include peertube-button;
   @include orange-button;