input {
@include peertube-input-text(250px);
+ flex-grow: 1;
}
}
}
}
-.screenratio {
- position: relative;
- width: 100%;
- height: 0;
- padding-bottom: 56%;
+p-calendar {
+ display: block;
+
+ ::ng-deep {
+ .ui-widget-content {
+ min-width: 400px;
+ }
+
+ input {
+ @include peertube-input-text(100%);
+ }
+ }
+}
+.screenratio {
div {
@include miniature-thumbnail;
- position: absolute;
- height: 100%;
- width: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
- color: var(--inputPlaceholderColor);
+ color: pvar(--inputPlaceholderColor);
}
- ::ng-deep iframe {
- position: absolute;
+ @include large-screen-ratio($selector: 'div, ::ng-deep iframe') {
width: 100% !important;
height: 100% !important;
left: 0;
- top: 0;
- }
+ };
}
.chip {
}
span {
- color: var(--inputPlaceholderColor);
+ color: pvar(--inputPlaceholderColor);
}
.video-table-video-image-label {
flex-direction: column;
justify-content: center;
font-size: 90%;
- color: var(--mainForegroundColor);
+ color: pvar(--mainForegroundColor);
line-height: 1rem;
div .glyphicon {