-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
+
+h1 my-global-icon {
+ position: relative;
+ top: -2px;
+}
.create-button {
@include create-button;
@include peertube-input-text(300px);
}
-::ng-deep .action-button {
- &.action-button-edit {
- margin-right: 10px;
- }
+my-edit-button {
+ @include margin-right(10px);
}
.video-channel {
padding-bottom: 0;
- img {
- @include channel-avatar(80px);
-
- margin-right: 10px;
+ my-actor-avatar {
+ @include actor-avatar-size(80px);
+ @include margin-right(10px);
}
+}
- .video-channel-info {
- flex-grow: 1;
-
- a.video-channel-names {
- @include disable-default-a-behaviour;
-
- width: fit-content;
- display: flex;
- align-items: baseline;
- color: pvar(--mainForegroundColor);
-
- .video-channel-display-name {
- font-weight: $font-semibold;
- font-size: 18px;
- }
-
- .video-channel-name {
- font-size: 14px;
- color: $grey-actor-name;
- margin-left: 5px;
- }
- }
- }
+.video-channel-info {
+ flex-grow: 1;
+}
- .video-channel-buttons {
- margin-top: 10px;
- min-width: 190px;
- }
+.video-channel-names {
+ @include disable-default-a-behaviour;
+
+ width: fit-content;
+ display: flex;
+ align-items: baseline;
+ color: pvar(--mainForegroundColor);
+}
+
+.video-channel-display-name {
+ font-weight: $font-semibold;
+ font-size: 18px;
+}
+
+.video-channel-name {
+ @include margin-left(5px);
+
+ font-size: 14px;
+ color: $grey-actor-name;
+}
+
+.video-channel-followers {
+ color: pvar(--mainForegroundColor);
+}
+
+.video-channel-buttons {
+ margin-top: 10px;
+ min-width: 190px;
}
::ng-deep .chartjs-render-monitor {
.video-channel {
padding-bottom: 10px;
- .video-channel-info {
- padding-bottom: 10px;
- text-align: center;
-
- .video-channel-names {
- flex-direction: column;
- align-items: center !important;
- margin: auto;
-
- .video-channel-name {
- margin-left: 0px !important;
- }
- }
- }
-
img {
- margin-right: 0;
+ @include margin-right(0);
}
.video-channel-buttons {
align-self: center;
}
}
+
+ .video-channel-info {
+ padding-bottom: 10px;
+ text-align: center;
+ }
+
+ .video-channel-names {
+ flex-direction: column;
+ align-items: center !important;
+ margin: auto;
+ }
+
+ .video-channel-name {
+ @include margin-left(0 !important);
+ }
}
@media screen and (max-width: $mobile-view) {