`fitWidth` for `video-miniature`, fluid grid (#2830)

[oweals/peertube.git] / client / src / app / +admin / plugins / shared / toggle-plugin-type.scss

diff --git a/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss b/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
index 3d3b6dd1278f9c06f04e67591e0be7ca17cd535e..b653abfaaf6cb752be07a6f9f33dc12f2e1f34b5 100644 (file)
--- a/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
+++ b/client/src/app/+admin/plugins/shared/toggle-plugin-type.scss
@@ -13,9 +13,23 @@
         font-weight: 600;
       }
 
+      .ui-button.ui-state-default {
+        background-color: #f0f0f0;
+        border: 1px solid #f0f0f0;
+      }
+
       .ui-button.ui-state-active {
-        background-color: var(--mainColor);
-        border-color: var(--mainColor);
+        background-color: pvar(--mainColor);
+        border-color: pvar(--mainColor);
+
+        &:hover {
+          background-color: pvar(--mainHoverColor);
+          border-color: pvar(--mainHoverColor);
+        }
+      }
+
+      .ui-button:not(.ui-state-active).ui-state-focus {
+        box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
       }
     }
   }