src/styles/status-bar-target-url.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

@import './config.scss';

.status-bar-target-url {
  // width: 100%;
  height: auto;
  background: $theme-gray-lighter;
  padding: 2px 20px 2px 10px;
  position: absolute;
  // z-index: 100;
  box-shadow: 0 0 8px rgba(black, 0.2);

  color: $theme-gray-dark;

  .status-bar-target-url__content {
    height: auto;

    .mdi {
      margin-right: 5px;
    }
  }

  &.status-bar-target-url--bottom {
    order: 10;
    bottom: 0;
    border-top-right-radius: 5px;
  }

  &.status-bar-target-url--top {
    order: 10;
    top: 0;
    border-bottom-right-radius: 5px;
  }
}