-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
.actor {
display: flex;
+}
+
+my-actor-avatar {
+ @include margin-right(15px);
+}
- img {
- margin-right: 15px;
+.actor-info {
+ display: inline-flex;
+ flex-direction: column;
+}
- &:not(.channel) {
- @include avatar(100px);
- }
+.actor-info-display-name {
+ @include peertube-word-wrap;
- &.channel {
- @include channel-avatar(100px);
- }
- }
+ font-size: 20px;
+ font-weight: $font-bold;
- .actor-info {
- display: inline-flex;
- flex-direction: column;
-
- .actor-info-display-name {
- font-size: 20px;
- font-weight: $font-bold;
-
- @media screen and (max-width: $small-view) {
- font-size: 16px;
- }
- }
-
- .actor-info-username {
- position: relative;
- font-size: 14px;
- color: pvar(--greyForegroundColor);
- }
-
- .actor-info-followers {
- font-size: 15px;
- padding-bottom: .5rem;
- }
+ @media screen and (max-width: $small-view) {
+ font-size: 16px;
}
}
+.actor-info-username {
+ position: relative;
+ font-size: 14px;
+ color: pvar(--greyForegroundColor);
+}
+
+.actor-info-followers {
+ padding-bottom: .5rem;
+}
+
.actor-img-edit-container {
position: relative;
width: 0;
right: 45px;
border-radius: 50%;
}
+
+.dropdown-item {
+ @include dropdown-with-icon-item;
+}