@import 'mixins';
@import 'miniature';
-.caption {
- justify-content: flex-end;
-
- input {
- @include peertube-input-text(250px);
- }
-}
-
-.video-abuse-date-updated {
+.video-details-date-updated {
font-size: 90%;
margin-top: .1rem;
}
-.video-abuse-links {
+.video-details-links {
@include disable-default-a-behaviour;
}
-.video-abuse-video-link {
- @include disable-outline;
- position: relative;
- top: 3px;
+.video-abuse-states .glyphicon-comment {
+ margin-left: 0.5rem;
}
-.video-abuse-video {
- display: inline-flex;
-
- .video-abuse-video-image {
- @include miniature-thumbnail;
-
- $image-height: 45px;
-
- height: $image-height;
- width: #{(16/9) * $image-height};
- margin-right: 0.5rem;
- border-radius: 2px;
- border: none;
- background: transparent;
- display: inline-flex;
- justify-content: center;
- align-items: center;
- position: relative;
-
- img {
- height: 100%;
- width: 100%;
- border-radius: 2px;
- }
-
- span {
- color: var(--inputPlaceholderColor);
- }
-
- .video-abuse-video-image-label {
- @include static-thumbnail-overlay;
- position: absolute;
- border-radius: 3px;
- font-size: 10px;
- padding: 0 3px;
- line-height: 1.3;
- bottom: 2px;
- right: 2px;
- }
- }
-
- .video-abuse-video-text {
- display: inline-flex;
- flex-direction: column;
- justify-content: center;
- font-size: 90%;
- color: var(--mainForegroundColor);
- line-height: 1rem;
-
- div .glyphicon {
- font-size: 80%;
- color: gray;
- margin-left: 0.1rem;
- }
+.input-group {
+ @include peertube-input-group(300px);
- div + div {
- font-size: 80%;
- }
+ .dropdown-toggle::after {
+ margin-left: 0;
}
}