]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/eg2/src/app/staff/nav.component.css
LP1823041 Angular dialogs return observables
[Evergreen.git] / Open-ILS / src / eg2 / src / app / staff / nav.component.css
1 /* remove dropdown carret for icon-based entries */
2 #staff-navbar .no-caret::after {
3     display:none;
4 }
5
6 /* move the caret closer to the dropdown text */
7 #staff-navbar {
8     padding-left: 0px;
9 }
10
11 #staff-navbar {
12     background: -webkit-linear-gradient(#00593d, #007a54);
13     background-color: #007a54;
14     color: #fff;
15     font-size: 14px;
16 }
17
18 #staff-navbar .navbar-nav {
19   padding: 4px;
20 }
21
22 /* align top of dropdown w/ bottom of nav */
23 #staff-navbar .dropdown-menu {
24     margin-top: 7px;
25 }
26 #staff-navbar .material-icons {
27     padding-right:3px;
28 }
29 #staff-navbar .dropdown-item {
30     font-size: 14px;
31     font-weight: 400;
32     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
33     padding-left: 0.7rem;
34     padding-right: 0.7rem;
35     margin: -4px;
36 }
37
38 #staff-navbar .dropdown-item .material-icons {
39   font-size: 18px;
40 }
41
42 #staff-navbar .nav-link {
43     color: #fff;
44     padding-top:1px;
45     padding-bottom:1px;
46 }
47 #staff-navbar .nav-link:hover {
48     color: #ddd;
49     cursor: pointer;
50 }
51
52 #staff-navbar .navbar-nav > .open > a,
53 #staff-navbar .navbar-nav > .open > a:focus,
54 #staff-navbar .navbar-nav > .open > a:hover {
55     background-color: #7a7a7a;
56 }
57 #staff-navbar .navbar-nav>.dropdown>a .caret {
58     border-top-color: #fff;
59     border-bottom-color: #fff;
60 }
61 #staff-navbar .navbar-nav>.dropdown>a:hover .caret {
62     border-top-color: #ddd;
63     border-bottom-color: #ddd;
64 }
65
66 /* Align material-icons with sibling text; otherwise they float up */
67 #staff-navbar .with-material-icon, #staff-navbar .dropdown-item {
68     display: inline-flex;
69     vertical-align: middle;
70     align-items: center;
71 }
72