Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit a6e709f

Browse files
committed
Update
1 parent ccc66b0 commit a6e709f

File tree

3 files changed

+41
-38
lines changed

3 files changed

+41
-38
lines changed

src/css/style.dropdown.css

Lines changed: 23 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,52 @@
11

2-
/*
3-
dropdown menu
4-
*/
2+
/* dropdown menu
3+
========================================================================== */
54
.dropdown {
65
margin-left: 12px;
7-
position: relative;
6+
position: relative;
7+
}
8+
9+
.dropdown p {
10+
margin: 0;
11+
}
12+
13+
.dropdown .employ-toggle {
14+
text-decoration: none;
815
}
916

10-
.dropdown p { margin: 0; }
11-
.dropdown .employ-toggle { text-decoration: none; }
1217
.dropdown .employ-toggle.click {
1318
border-radius: 30px;
14-
font-size: 14px;
15-
padding: 2px 12px;
19+
font-size: 14px;
20+
padding: 2px 12px;
1621
}
1722

1823
.dropdown ul.expand-dropdown {
24+
display: none;
1925
list-style: none;
2026
margin-top: 5px;
21-
position: absolute;
22-
display: none;
23-
right: 0;
24-
top: 100%;
27+
position: absolute;
28+
right: 0;
29+
top: 100%;
2530
}
2631

2732
.dropdown ul.expand-dropdown li {
33+
margin: 0;
2834
min-width: 110px;
29-
margin: 0;
3035
}
3136

3237
.dropdown ul.expand-dropdown li a.top {
38+
border-top-left-radius: 3px;
3339
border-top-right-radius: 3px;
34-
border-top-left-radius: 3px;
3540
}
3641

3742
.dropdown ul.expand-dropdown li a.bottom {
43+
border-bottom-left-radius: 3px;
3844
border-bottom-right-radius: 3px;
39-
border-bottom-left-radius: 3px;
4045
}
4146

4247
.dropdown ul.expand-dropdown li a {
48+
display: block;
49+
margin-bottom: -1px;
50+
padding: 3px 10px;
4351
text-decoration: none;
44-
margin-bottom: -1px;
45-
display: block;
46-
padding: 3px 10px;
4752
}

src/css/style.dropdown.dark.css

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,21 @@
11

2-
/*
3-
dark theme dropdown menu
4-
*/
2+
/* dark color for dropdown menu
3+
========================================================================== */
54
.dropdown .employ-toggle.click {
6-
transition: all 0.1s ease-in-out;
7-
color: #acacac;
5+
color: #acacac;
6+
transition: all 0.1s ease-in-out;
87
}
98

109
.dropdown .employ-toggle.click:hover {
11-
background-color: #f2f2f2;
10+
background: #f2f2f2;
1211
}
1312

1413
.dropdown ul.expand-dropdown li a {
15-
background-color: rgb(29, 34, 44);
16-
color: #9197a1;
14+
background: #1d222c;
15+
color: #9197a1;
1716
}
1817

1918
.dropdown ul.expand-dropdown li a:hover {
20-
background-color: rgb(39, 48, 63);
21-
color: white;
19+
background: #27303f;
20+
color: #fff;
2221
}

src/css/style.dropdown.light.css

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,21 @@
11

2-
/*
3-
dark theme dropdown menu
4-
*/
2+
/* light color for dropdown menu
3+
========================================================================== */
54
.dropdown .employ-toggle.click {
6-
transition: all 0.1s ease-in-out;
7-
color: #acacac;
5+
color: #acacac;
6+
transition: all 0.1s ease-in-out;
87
}
98

109
.dropdown .employ-toggle.click:hover {
11-
background-color: #f2f2f2;
10+
background: #f2f2f2;
1211
}
1312

1413
.dropdown ul.expand-dropdown li a {
15-
background-color: rgb(242, 242, 242);
16-
color: #737373;
14+
background: #f2f2f2;
15+
color: #737373;
1716
}
1817

1918
.dropdown ul.expand-dropdown li a:hover {
20-
background-color: rgb(248, 248, 248);
21-
color: #3c3c3c;
19+
background: #f8f8f8;
20+
color: #3c3c3c;
2221
}

0 commit comments

Comments
 (0)