From: Chocobozzz <florian.bigard@gmail.com>
Date: Mon, 11 Dec 2017 09:44:40 +0000 (+0100)
Subject: Background orange on sorted columns
X-Git-Tag: v0.0.1-alpha~149^2
X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=c2830fa8f84f61462098bf36add824f89436dfa9;p=github%2FChocobozzz%2FPeerTube.git

Background orange on sorted columns
---

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 9a93411e9..9d347d566 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -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;