]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/shared/shared-video-miniature/videos-selection.component.scss
Fix stats anchor link
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-video-miniature / videos-selection.component.scss
CommitLineData
8cbc40b2
C
1@use '_variables' as *;
2@use '_mixins' as *;
693263e9
C
3
4.action-selection-mode {
5 display: flex;
6 justify-content: flex-end;
7 flex-grow: 1;
0f7407d9 8}
693263e9 9
0f7407d9
C
10.action-selection-mode-child {
11 position: fixed;
ba73bedd 12 display: flex;
693263e9 13
0f7407d9 14 .action-button {
27bc9586
C
15 @include margin-left(55px);
16
0f7407d9 17 display: block;
693263e9
C
18 }
19}
20
0f7407d9
C
21.action-button-cancel-selection {
22 @include peertube-button;
23 @include grey-button;
24}
25
693263e9 26.video {
0f7407d9 27 @include row-blocks($column-responsive: false);
693263e9
C
28
29 &:first-child {
30 margin-top: 47px;
31 }
32
33 .checkbox-container {
27bc9586
C
34 @include margin-right(20px);
35 @include margin-left(12px);
36
693263e9
C
37 display: flex;
38 align-items: center;
693263e9
C
39 }
40
41 my-video-miniature {
42 flex-grow: 1;
43 }
44}
45
693263e9 46
0f7407d9
C
47@include on-small-main-col {
48 .video {
49 flex-wrap: wrap;
50 }
51}
693263e9 52
0f7407d9
C
53@include on-mobile-main-col {
54 .checkbox-container {
55 display: none;
693263e9 56 }
cd801c69 57
58 .action-selection-mode {
59 display: none; // disable for small screens
60 }
693263e9 61}