-@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;
+ display: flex;
- .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 {
}
}
-@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 {