PeerTube/client/src/app/shared/shared-video-miniature/videos-selection.component....

61 lines
871 B
SCSS

@import '_variables';
@import '_mixins';
.action-selection-mode {
display: flex;
justify-content: flex-end;
flex-grow: 1;
}
.action-selection-mode-child {
position: fixed;
.action-button {
@include margin-left(55px);
display: block;
}
}
.action-button-cancel-selection {
@include peertube-button;
@include grey-button;
}
.video {
@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;
}
my-video-miniature {
flex-grow: 1;
}
}
@include on-small-main-col {
.video {
flex-wrap: wrap;
}
}
@include on-mobile-main-col {
.checkbox-container {
display: none;
}
.action-selection-mode {
display: none; // disable for small screens
}
}