Deprecate filter video query

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-video-miniature / videos-selection.component.scss

diff --git a/client/src/app/shared/shared-video-miniature/videos-selection.component.scss b/client/src/app/shared/shared-video-miniature/videos-selection.component.scss
index c33e1188958bee977dc1046c7a776de8a68ef96f..3bb375980812693311c862d26c143c6463f82b0a 100644 (file)
--- a/client/src/app/shared/shared-video-miniature/videos-selection.component.scss
+++ b/client/src/app/shared/shared-video-miniature/videos-selection.component.scss
@@ -1,38 +1,40 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 .action-selection-mode {
   display: flex;
   justify-content: flex-end;
   flex-grow: 1;
+}
 
-  .action-selection-mode-child {
-    position: fixed;
+.action-selection-mode-child {
+  position: fixed;
 
-    .action-button {
-      display: block;
-      margin-left: 55px;
-    }
+  .action-button {
+    @include margin-left(55px);
 
-    .action-button-cancel-selection {
-      @include peertube-button;
-      @include grey-button;
-    }
+    display: block;
   }
 }
 
+.action-button-cancel-selection {
+  @include peertube-button;
+  @include grey-button;
+}
+
 .video {
-  @include row-blocks;
+  @include row-blocks($column-responsive: false);
 
   &:first-child {
     margin-top: 47px;
   }
 
   .checkbox-container {
+    @include margin-right(20px);
+    @include margin-left(12px);
+
     display: flex;
     align-items: center;
-    margin-right: 20px;
-    margin-left: 12px;
   }
 
   my-video-miniature {
@@ -40,18 +42,16 @@
   }
 }
 
-@media screen and (max-width: $small-view) {
-  .video {
-    flex-direction: column;
-    height: auto;
 
-    .checkbox-container {
-      display: none;
-    }
+@include on-small-main-col {
+  .video {
+    flex-wrap: wrap;
+  }
+}
 
-    my-button {
-      margin-top: 10px;
-    }
+@include on-mobile-main-col {
+  .checkbox-container {
+    display: none;
   }
 
   .action-selection-mode {