2021-05-27 18:25:00 +02:00
|
|
|
@use '_variables' as *;
|
|
|
|
@use '_mixins' as *;
|
2021-04-07 17:01:29 +02:00
|
|
|
|
|
|
|
.actor {
|
|
|
|
display: flex;
|
2022-06-08 16:14:24 +02:00
|
|
|
}
|
2021-04-07 17:01:29 +02:00
|
|
|
|
2022-06-08 16:14:24 +02:00
|
|
|
my-actor-avatar {
|
|
|
|
@include margin-right(15px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.actor-info {
|
|
|
|
display: inline-flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
|
|
|
.actor-info-display-name {
|
2022-06-20 10:23:19 +02:00
|
|
|
@include peertube-word-wrap;
|
2022-06-17 16:07:45 +02:00
|
|
|
|
2022-06-08 16:14:24 +02:00
|
|
|
font-size: 20px;
|
|
|
|
font-weight: $font-bold;
|
2021-04-07 17:01:29 +02:00
|
|
|
|
2022-06-08 16:14:24 +02:00
|
|
|
@media screen and (max-width: $small-view) {
|
|
|
|
font-size: 16px;
|
2021-04-07 17:01:29 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-06-08 16:14:24 +02:00
|
|
|
.actor-info-username {
|
|
|
|
position: relative;
|
|
|
|
font-size: 14px;
|
|
|
|
color: pvar(--greyForegroundColor);
|
|
|
|
}
|
|
|
|
|
|
|
|
.actor-info-followers {
|
|
|
|
padding-bottom: .5rem;
|
|
|
|
}
|
|
|
|
|
2021-04-07 17:01:29 +02:00
|
|
|
.actor-img-edit-container {
|
|
|
|
position: relative;
|
|
|
|
width: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.actor-img-edit-button {
|
|
|
|
top: 55px;
|
|
|
|
right: 45px;
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
2022-06-13 13:36:35 +02:00
|
|
|
|
|
|
|
.dropdown-item {
|
|
|
|
@include dropdown-with-icon-item;
|
|
|
|
}
|