-@import 'variables';
-@import 'mixins';
-@import 'miniature';
+@use 'sass:math';
+@use '_mixins' as *;
+@use '_variables' as *;
+@use '_miniature' as *;
.moderation-expanded {
font-size: 90%;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
.moderation-expanded-label {
+ @include margin-right(5px);
+
font-weight: $font-semibold;
display: inline-block;
vertical-align: top;
- text-align: right;
+ text-align: end;
+ min-width: 100px;
}
.moderation-expanded-text {
word-wrap: break-word;
::ng-deep p:last-child {
- margin-bottom: 0px !important;
+ margin-bottom: 0 !important;
}
}
-}
-.screenratio {
- div {
- @include miniature-thumbnail;
+ .right {
+ width: 50%;
+ max-width: 500px;
+ }
- display: inline-flex;
- justify-content: center;
- align-items: center;
- color: pvar(--inputPlaceholderColor);
+ @media screen and (max-width: $primeng-breakpoint) {
+ .right {
+ width: 100%;
+ }
}
+}
+.screenratio {
@include block-ratio($selector: 'div, ::ng-deep iframe') {
width: 100% !important;
height: 100% !important;
};
}
-.input-group {
- @include peertube-input-group(300px);
-
- .dropdown-toggle::after {
- margin-left: 0;
- }
-}
-
.chip {
@include chip;
}
-.caption {
- justify-content: flex-end;
-
- input {
- @include peertube-input-text(250px);
- flex-grow: 1;
- }
-}
-
my-action-dropdown.show {
::ng-deep .dropdown-root {
display: block !important;
display: inline-flex;
.table-video-image {
- @include miniature-thumbnail;
-
$image-height: 45px;
+ @include miniature-thumbnail;
+ @include margin-right(0.5rem);
+
height: $image-height;
- width: #{(16/9) * $image-height};
- margin-right: 0.5rem;
+ width: #{math.div(16, 9) * $image-height};
border-radius: 2px;
- border: none;
+ border: 0;
background: transparent;
display: inline-flex;
justify-content: center;
line-height: 1rem;
div .glyphicon {
+ @include margin-left(0.1rem);
+
font-size: 80%;
- color: gray;
- margin-left: 0.1rem;
+ color: #808080;
}
div + div {
}
}
}
+
+my-abuse-details {
+ width: 100%;
+}
+
+@media screen and (max-width: $primeng-breakpoint) {
+ .abuse-messages {
+ justify-content: flex-start !important;
+ }
+}