plugins/CoreHome/angularjs/selector/selector.directive.less


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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

.piwikSelector {
  display: inline-block;
  line-height: 0;

  span.title,
  a.title {
    .font-default(11px, 12px);
    display: inline-block;
    width: 100%;
    padding: 10px 15px 11px 13px;
    white-space: nowrap;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    color: @theme-color-text;

    &.activityIndicator {
      background: url(plugins/Morpheus/images/loading-blue.gif) no-repeat right 9px;

      .icon {
        visibility: hidden;
      }
    }

    .icon {
      padding-right: 6px;
      display: inline-block;
      vertical-align: top;

      &.iconHidden {
        visibility: hidden;
      }
    }

    .icon:not(.icon-fixed) {
      float: left;
      &:after {
        clear:right;
        content: ' ';
      }
    }

    &:hover, &:focus {
      text-decoration: none;
    }
  }

  .dropdown {
    .font-default(11px, 15px);
    display: none;
    padding: 5px 19px 11px 19px;
  }

  &.expanded {
    .dropdown {
      display: block;
      margin-top: 2px;
      margin-left: -1px;
      position: absolute;
      z-index: 999;
      border: 1px solid @theme-color-background-base;
      border-radius: 2px;
      box-shadow: 4px 7px 25px rgba(0,0,0,0.3);
      padding: 16px;
      background-color: @theme-color-background-contrast;
    }
  }
}