-@import 'mixins';
+@use '_mixins' as *;
+@use '_variables' as *;
-my-global-icon {
- @include apply-svg-color(#7d7d7d);
+my-feed {
+ @include margin-left(5px);
+
+ display: inline-block;
+ width: 15px;
+}
- width: 12px;
- height: 12px;
- position: relative;
- top: -1px;
+my-global-icon {
+ width: 24px;
+ height: 24px;
}
-.input-group {
- @include peertube-input-group(300px);
+.video {
+ display: flex;
+ flex-direction: column;
- .dropdown-toggle::after {
- margin-left: 0;
+ em {
+ font-size: 11px;
+ }
+
+ a {
+ @include ellipsis;
+
+ color: pvar(--mainForegroundColor);
}
}
-.caption {
- justify-content: flex-end;
+.comment-html {
+ ::ng-deep {
+ > div {
+ max-height: 22px;
+ }
+
+ div,
+ p {
+ @include ellipsis;
+ }
+
+ p {
+ margin: 0;
+ }
+ }
+}
- input {
- @include peertube-input-text(250px);
- flex-grow: 1;
+@media screen and (max-width: $primeng-breakpoint) {
+ .video {
+ align-items: flex-start !important;
}
}