word-wrap: break-word;
::ng-deep p:last-child {
- margin-bottom: 0px !important;
+ margin-bottom: 0 !important;
}
}
}
.screenratio {
+ @include block-ratio($selector: 'div, ::ng-deep iframe') {
+ width: 100% !important;
+ height: 100% !important;
+ left: 0;
+ };
+
div {
@include miniature-thumbnail;
align-items: center;
color: pvar(--inputPlaceholderColor);
}
-
- @include large-screen-ratio($selector: 'div, ::ng-deep iframe') {
- width: 100% !important;
- height: 100% !important;
- left: 0;
- };
-}
-
-.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;
+
height: $image-height;
width: #{(16/9) * $image-height};
margin-right: 0.5rem;
border-radius: 2px;
- border: none;
+ border: 0;
background: transparent;
display: inline-flex;
justify-content: center;
div .glyphicon {
font-size: 80%;
- color: gray;
+ color: #808080;
margin-left: 0.1rem;
}