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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

@use '_variables' as *;
@use '_mixins' as *;

.banner-placeholder {
  @include block-ratio('> div, > img', $banner-inverted-ratio);
}

.banner-placeholder {
  background-color: pvar(--greyBackgroundColor);
}

.actor-img-edit-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dropdown {
  position: absolute;

  > .actor-img-edit-button {
    position: relative;
  }
}

.actor-img-edit-button {
  width: auto;
  position: absolute;

  label {
    font-weight: $font-semibold;
    margin-bottom: 0;
  }
}

.button-focus-within:focus-within {
  box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
}

.dropdown-item {
  @include dropdown-with-icon-item;
}

.dropdown-toggle::after {
  display: none;
}