material-ui/src/less/components/drop-down-menu.less at 72cdb8810bdd1ea57c27807fdd575250980ddb3a · eskimoblood/material-ui · GitHub

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
69
70
71
.mui-drop-down-menu {

  * { .ease-out(); }

  position: relative;
  height: @desktop-toolbar-height;
  font-size: @desktop-drop-down-menu-font-size;
  outline: none;

  &.mui-open {
    .mui-menu-control,
    .mui-menu-control:hover {
      .mui-menu-control-bg {
        opacity: 0;
      }
      .mui-menu-label {
        top: (@desktop-toolbar-height / 2);
        opacity: 0;
      }
    }

    .mui-menu {
      opacity: 1;
    }
  }

  .mui-menu-control {
    cursor: pointer;
    .clearfix();
    height: 100%;

    .mui-menu-control-bg {
      background-color: @menu-background-color;
      height: 100%;
      width: 100%;
      opacity: 0;
    }

    &:hover {
      .mui-menu-control-bg {
        opacity: 1;
      }
    }

    .mui-menu-label {
      line-height: @desktop-toolbar-height;
      position: absolute;
      padding-left: @desktop-gutter;
      top: 0;
      opacity: 1;
    }

    .mui-menu-drop-down-icon {
      line-height: @desktop-toolbar-height;
      position: absolute;
      top: 0;
      right: @desktop-gutter-less;
      color: @drop-down-menu-icon-color;
    }
  }

  .mui-menu {
    .mui-menu-item {
      padding-right: (@icon-size + @desktop-gutter-less + @desktop-gutter-mini);
      height: @desktop-drop-down-menu-item-height;
      line-height: @desktop-drop-down-menu-item-height;
      white-space: nowrap;
    }
  }

}