client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .actor {
   5   display: flex;
   6 }
   7
   8 .actor-info {
   9   display: inline-flex;
  10   flex-direction: column;
  11 }
  12
  13 .actor-info-display-name {
  14   @include peertube-word-wrap;
  15   @include font-size(1.25rem);
  16
  17   font-weight: $font-bold;
  18
  19   @media screen and (max-width: $small-view) {
  20     @include font-size(18px);
  21   }
  22 }
  23
  24 .actor-info-username {
  25   position: relative;
  26   font-size: 14px;
  27   color: pvar(--greyForegroundColor);
  28 }
  29
  30 .actor-info-followers {
  31   padding-bottom: .5rem;
  32 }
  33
  34 .actor-img-edit-button {
  35   border-radius: 50%;
  36
  37   position: absolute;
  38   bottom: 5px;
  39   right: 5px;
  40 }
  41
  42 .dropdown-item {
  43   @include dropdown-with-icon-item;
  44 }
  45
  46 .dropdown-toggle::after {
  47   display: none;
  48 }