Improve admin tables responsive

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

diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index d54563df6e644afdc1de20f9a95d36916d160102..f973b3257812e9f10d7b3eb15ae039762ee8771c 100644 (file)
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -1,4 +1,4 @@
-@import '_bootstrap-variables';
+@use 'sass:math';
 
 $small-view: 800px;
 $mobile-view: 500px;
@@ -53,7 +53,8 @@ $sub-menu-height: 81px;
 
 $channel-background-color: #f6ede8;
 
-$banner-inverted-ratio: 1/6;
+// FIXME: cannot use math.div here because of compilation error
+$banner-inverted-ratio: 0.1666666666;
 
 $max-channels-width: 1200px;
 
@@ -94,6 +95,11 @@ $activated-action-button-color: #000;
 
 $focus-box-shadow-form: 0 0 0 .2rem;
 
+$video-watch-player-factor: math.div(16, 9);
+$video-watch-info-margin-left: 44px;
+
+$primeng-breakpoint: 960px;
+
 /*** map theme ***/
 
 // pass variables into a sass map,
@@ -155,17 +161,18 @@ $variables: (
 
 $zindex: (
   miniature       :    10,
-  privacymsg      :    20,
   sub-menu        : 12500,
+  overlay         : 12550,
   menu            : 12600,
   search-typeahead: 12650,
-  header          : 12700,
   popover         : 13000,
   tooltip         : 14000,
   loadbar         : 15000,
   modal           : 16000,
   dropdown        : 17000,
   help-popover    : 17000,
+  privacymsg      : 17500,
+  header          : 17500,
   notification    : 18000,
   hotkeys         : 19000
 );