@import '_variables';
@import '_mixins';
-.video {
- @include row-blocks;
+.no-history {
+ display: flex;
+ justify-content: center;
+ margin-top: 50px;
+ font-weight: $font-semibold;
+ font-size: 16px;
+}
- my-video-thumbnail {
- margin-right: 10px;
- }
+.top-buttons {
+ margin-bottom: 20px;
+ display: flex;
- .video-info {
+ .history-switch {
+ display: flex;
flex-grow: 1;
- .video-info-name {
- @include disable-default-a-behaviour;
-
- color: var(--mainForegroundColor);
- display: block;
- width: fit-content;
- font-size: 18px;
- font-weight: $font-semibold;
+ label {
+ margin: 0 0 0 5px;
}
+ }
- .video-info-date-views {
- font-size: 14px;
- }
-
- .video-info-account {
- @include disable-default-a-behaviour;
-
- display: block;
- width: fit-content;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- font-size: 14px;
- color: #585858;
+ .delete-history {
+ @include peertube-button;
+ @include grey-button;
+ @include button-with-icon;
- &:hover {
- color: #303030;
- }
- }
+ font-size: 15px;
}
}
-@media screen and (max-width: $small-view) {
- .video {
- flex-direction: column;
- height: auto;
- text-align: center;
-
- .video-info-name {
- margin: auto;
- }
-
- input[type=checkbox] {
- display: none;
- }
-
- my-video-thumbnail {
- margin-right: 0;
- }
+.video {
+ @include row-blocks;
- .video-buttons {
- margin-top: 10px;
- }
+ .my-video-miniature {
+ flex-grow: 1;
}
}