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

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .banner-placeholder {
   5   @include block-ratio('> div, > img', $banner-inverted-ratio);
   6 }
   7
   8 .banner-placeholder {
   9   background-color: pvar(--greyBackgroundColor);
  10 }
  11
  12 .actor-img-edit-container {
  13   position: relative;
  14   display: flex;
  15   justify-content: center;
  16   align-items: center;
  17 }
  18
  19 .dropdown {
  20   position: absolute;
  21
  22   > .actor-img-edit-button {
  23     position: relative;
  24   }
  25 }
  26
  27 .actor-img-edit-button {
  28   width: auto;
  29   position: absolute;
  30
  31   label {
  32     font-weight: $font-semibold;
  33     margin-bottom: 0;
  34   }
  35 }
  36
  37 .dropdown-item {
  38   @include dropdown-with-icon-item;
  39 }
  40
  41 .dropdown-toggle::after {
  42   display: none;
  43 }