TrackPanelTabs.scss 806 Bytes
Newer Older
1 2
@import 'src/styles/common';

3
.trackPanelTabs {
Andrey Azov's avatar
Andrey Azov committed
4
  display: flex;
5 6 7 8 9 10 11
  font-size: 13px;
  justify-content: space-between;
  margin-left: 44px;
  padding-right: 5px;
  width: 312px;
}

12
.trackPanelTab {
13
  button {
Imran Salam's avatar
Imran Salam committed
14
    color: $ens-dark-blue;
15
  }
16 17
}

18
.trackPanelTabActive {
19 20 21
  button {
    color: inherit;
  }
22 23
}

24
.trackPanelTabDisabled {
25 26 27 28 29
  button {
    color: $ens-dark-grey;
    cursor: default;
  }
}
30
.trackPanelTabArrow {
31 32 33 34 35 36 37 38 39 40 41 42 43
  position: relative;

  &::after {
    border: 6px solid $ens-grey;
    border-color: transparent transparent $ens-light-grey $ens-light-grey;
    box-shadow: -2px 2px 2px 0 $ens-grey;
    box-sizing: border-box;
    content: '';
    height: 0;
    position: absolute;
    right: calc(60% - 6px);
    transform-origin: 0 0;
    transform: rotate(-45deg);
44
    top: 24px;
45 46 47
    width: 0;
  }
}