Replace glyphicon chevron

[github/Chocobozzz/PeerTube.git] / client / src / sass / application.scss

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index b5b05a3c4a67a3ac0b156acf94dc2257993092bd..2ad1af23aad07c89578aea98e463c23818bf3b21 100644 (file)
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -37,8 +37,6 @@ body {
   --mainBackgroundColor: #{$bg-color};
   --mainForegroundColor: #{$fg-color};
 
-  --secondaryColor: #{$secondary-color};
-
   --greyForegroundColor: #{$grey-foreground-color};
   --greyBackgroundColor: #{$grey-background-color};
   --greySecondaryBackgroundColor: #{$grey-background-hover-color};
@@ -153,7 +151,7 @@ code {
 }
 
 .input-error,
-my-input-toggle-hidden ::ng-deep input {
+my-input-text ::ng-deep input {
   border-color: $red !important;
 }
 
@@ -274,14 +272,17 @@ my-input-toggle-hidden ::ng-deep input {
 
 // In tables, don't have a hover different background
 table {
-  .action-button-edit,
-  .action-button-delete {
-    &:hover,
-    &:active,
-    &:focus,
-    &[disabled],
-    &.disabled {
-      background-color: $grey-background-color !important;
+  my-edit-button,
+  my-delete-button {
+    .action-button {
+      &:hover,
+      &:active,
+      &:focus,
+      &[disabled],
+      &.disabled {
+        background-color: pvar(--greyBackgroundColor) !important;
+        opacity: 0.8;
+      }
     }
   }
 }
@@ -307,6 +308,25 @@ table {
   }
 }
 
+my-global-icon[iconName=external-link] {
+  margin: 0 3px;
+  width: 13px;
+  vertical-align: text-bottom;
+  color: pvar(--inputPlaceholderColor);
+}
+
+.chevron-down {
+  @include chevron-down(0.55rem, 0.20em);
+
+  margin: 0 5px;
+}
+
+.chevron-up {
+  @include chevron-up(0.55rem, 0.20em);
+
+  margin: 0 5px;
+}
+
 /* offsetTop for scrollToAnchor */
 
 .anchor {