aswi2020anonymous-gitlab/fe/fulltextsearch/src/app/components/layout/main-nav/main-nav.component.css @ bedb9995
1 |
.sidenav-container { |
---|---|
2 |
height: 100%; |
3 |
}
|
4 |
|
5 |
.sidenav { |
6 |
width: 200px; |
7 |
}
|
8 |
|
9 |
.sidenav .mat-toolbar { |
10 |
background: var(--primary-color); |
11 |
color: var(--navbar-text-color); |
12 |
|
13 |
}
|
14 |
|
15 |
.mat-toolbar.mat-primary { |
16 |
position: sticky; |
17 |
top: 0; |
18 |
z-index: 10; |
19 |
}
|
20 |
|
21 |
.hidden { |
22 |
display: none; |
23 |
}
|
24 |
|
25 |
.space { |
26 |
flex: 1 1 auto; |
27 |
}
|
28 |
|
29 |
a:hover { |
30 |
color: var(--navbar-text-color); |
31 |
background-color: var(--primary-color-dark); |
32 |
}
|
33 |
|
34 |
a { |
35 |
font-weight: bold; |
36 |
font-size: large; |
37 |
color: var(--navbar-text-color); |
38 |
}
|
39 |
|
40 |
.app-header { |
41 |
position: sticky; |
42 |
position: -webkit-sticky; |
43 |
top: 0; |
44 |
}
|
45 |
|
46 |
.app-logo { |
47 |
color: var(--navbar-text-color); |
48 |
margin-right: 10pt; |
49 |
padding: 5pt 8pt 5pt 5pt; |
50 |
}
|
51 |
|
52 |
.app-logo:hover { |
53 |
cursor: pointer; |
54 |
background-color: var(--primary-color-dark); |
55 |
}
|
56 |
|
57 |
.app-logo div { |
58 |
margin-left: 15pt; |
59 |
margin-top: 5pt; |
60 |
text-align: center; |
61 |
font-size: medium; |
62 |
font-weight: bold; |
63 |
line-height: normal; |
64 |
}
|
65 |
|
66 |
.app-logo mat-icon { |
67 |
font-size: 40pt; |
68 |
}
|
69 |
|
70 |
mat-nav-list mat-icon { |
71 |
margin-right: 10px; |
72 |
}
|
73 |
|
74 |
mat-nav-list a:hover { |
75 |
color: #932523; |
76 |
}
|
77 |
|
78 |
.position-fixed { |
79 |
position: fixed |
80 |
}
|
81 |
|
82 |
mat-sidenav-content { |
83 |
margin-top: 64px; |
84 |
}
|
85 |
|
86 |
|
87 |
mat-toolbar.mat-primary { |
88 |
background-color: var(--primary-color); |
89 |
}
|
90 |
|
91 |
.mat-drawer-backdrop { |
92 |
height: 100%; |
93 |
}
|
94 |
|
95 |
mat-sidenav-content { |
96 |
margin-top: 56px; |
97 |
}
|