Skip to content

Commit ecae6e9

Browse files
author
FezVrasta
committed
restyle of dropdown menu
1 parent 0ab8189 commit ecae6e9

9 files changed

Lines changed: 335 additions & 195 deletions

File tree

dist/css/material-wfont.css

Lines changed: 111 additions & 186 deletions
Large diffs are not rendered by default.

dist/css/material-wfont.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/css/material.css

Lines changed: 72 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3887,7 +3887,78 @@ fieldset[disabled] .navbar .btn-link:focus {
38873887
position: relative;
38883888
}
38893889
.dropdown-menu li a:hover {
3890-
background: rgba(0, 0, 0, 0.08);
3890+
background-color: transparent;
3891+
color: #4285f4;
3892+
}
3893+
.dropdown-menu li a:hover,
3894+
.dropdown-menu-default li a:hover {
3895+
color: #4285f4;
3896+
}
3897+
.dropdown-menu-primary li a:hover {
3898+
color: #4285f4;
3899+
}
3900+
.dropdown-menu-success li a:hover {
3901+
color: #0f9d58;
3902+
}
3903+
.dropdown-menu-info li a:hover {
3904+
color: #03a9f4;
3905+
}
3906+
.dropdown-menu-warning li a:hover {
3907+
color: #ff5722;
3908+
}
3909+
.dropdown-menu-danger li a:hover {
3910+
color: #f44336;
3911+
}
3912+
.dropdown-menu-material-red li a:hover {
3913+
color: #f44336;
3914+
}
3915+
.dropdown-menu-material-pink li a:hover {
3916+
color: #e91e63;
3917+
}
3918+
.dropdown-menu-material-purple li a:hover {
3919+
color: #9c27b0;
3920+
}
3921+
.dropdown-menu-material-deeppurple li a:hover {
3922+
color: #673ab7;
3923+
}
3924+
.dropdown-menu-material-indigo li a:hover {
3925+
color: #3f51b5;
3926+
}
3927+
.dropdown-menu-material-lightblue li a:hover {
3928+
color: #03a9f4;
3929+
}
3930+
.dropdown-menu-material-cyan li a:hover {
3931+
color: #00bcd4;
3932+
}
3933+
.dropdown-menu-material-teal li a:hover {
3934+
color: #009688;
3935+
}
3936+
.dropdown-menu-material-lightgreen li a:hover {
3937+
color: #8bc34a;
3938+
}
3939+
.dropdown-menu-material-lime li a:hover {
3940+
color: #cddc39;
3941+
}
3942+
.dropdown-menu-material-lightyellow li a:hover {
3943+
color: #ffeb3b;
3944+
}
3945+
.dropdown-menu-material-orange li a:hover {
3946+
color: #ff9800;
3947+
}
3948+
.dropdown-menu-material-deeporange li a:hover {
3949+
color: #ff5722;
3950+
}
3951+
.dropdown-menu-material-grey li a:hover {
3952+
color: #9e9e9e;
3953+
}
3954+
.dropdown-menu-material-bluegrey li a:hover {
3955+
color: #607d8b;
3956+
}
3957+
.dropdown-menu-material-brown li a:hover {
3958+
color: #795548;
3959+
}
3960+
.dropdown-menu-material-lightgrey li a:hover {
3961+
color: #ececec;
38913962
}
38923963
.alert {
38933964
border: 0px;

dist/css/material.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

less/material.less

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
2525
h5, h6{
2626
font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
2727
font-weight: 400;
28-
28+
2929
}
3030

3131
// Well and Jumbotrons
@@ -63,9 +63,11 @@ legend {
6363
overflow: hidden;
6464
position: relative;
6565
a:hover {
66-
background: rgba(0,0,0,0.08);
66+
background-color: transparent;
67+
color: @primary;
6768
}
6869
}
70+
.variations(~" li a:hover", color, @primary);
6971
}
7072

7173
// Alerts

template/material/css/material-wfont.css

Lines changed: 72 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3888,7 +3888,78 @@ fieldset[disabled] .navbar .btn-link:focus {
38883888
position: relative;
38893889
}
38903890
.dropdown-menu li a:hover {
3891-
background: rgba(0, 0, 0, 0.08);
3891+
background-color: transparent;
3892+
color: #4285f4;
3893+
}
3894+
.dropdown-menu li a:hover,
3895+
.dropdown-menu-default li a:hover {
3896+
color: #4285f4;
3897+
}
3898+
.dropdown-menu-primary li a:hover {
3899+
color: #4285f4;
3900+
}
3901+
.dropdown-menu-success li a:hover {
3902+
color: #0f9d58;
3903+
}
3904+
.dropdown-menu-info li a:hover {
3905+
color: #03a9f4;
3906+
}
3907+
.dropdown-menu-warning li a:hover {
3908+
color: #ff5722;
3909+
}
3910+
.dropdown-menu-danger li a:hover {
3911+
color: #f44336;
3912+
}
3913+
.dropdown-menu-material-red li a:hover {
3914+
color: #f44336;
3915+
}
3916+
.dropdown-menu-material-pink li a:hover {
3917+
color: #e91e63;
3918+
}
3919+
.dropdown-menu-material-purple li a:hover {
3920+
color: #9c27b0;
3921+
}
3922+
.dropdown-menu-material-deeppurple li a:hover {
3923+
color: #673ab7;
3924+
}
3925+
.dropdown-menu-material-indigo li a:hover {
3926+
color: #3f51b5;
3927+
}
3928+
.dropdown-menu-material-lightblue li a:hover {
3929+
color: #03a9f4;
3930+
}
3931+
.dropdown-menu-material-cyan li a:hover {
3932+
color: #00bcd4;
3933+
}
3934+
.dropdown-menu-material-teal li a:hover {
3935+
color: #009688;
3936+
}
3937+
.dropdown-menu-material-lightgreen li a:hover {
3938+
color: #8bc34a;
3939+
}
3940+
.dropdown-menu-material-lime li a:hover {
3941+
color: #cddc39;
3942+
}
3943+
.dropdown-menu-material-lightyellow li a:hover {
3944+
color: #ffeb3b;
3945+
}
3946+
.dropdown-menu-material-orange li a:hover {
3947+
color: #ff9800;
3948+
}
3949+
.dropdown-menu-material-deeporange li a:hover {
3950+
color: #ff5722;
3951+
}
3952+
.dropdown-menu-material-grey li a:hover {
3953+
color: #9e9e9e;
3954+
}
3955+
.dropdown-menu-material-bluegrey li a:hover {
3956+
color: #607d8b;
3957+
}
3958+
.dropdown-menu-material-brown li a:hover {
3959+
color: #795548;
3960+
}
3961+
.dropdown-menu-material-lightgrey li a:hover {
3962+
color: #ececec;
38923963
}
38933964
.alert {
38943965
border: 0px;

template/material/css/material-wfont.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

template/material/css/material.css

Lines changed: 72 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3887,7 +3887,78 @@ fieldset[disabled] .navbar .btn-link:focus {
38873887
position: relative;
38883888
}
38893889
.dropdown-menu li a:hover {
3890-
background: rgba(0, 0, 0, 0.08);
3890+
background-color: transparent;
3891+
color: #4285f4;
3892+
}
3893+
.dropdown-menu li a:hover,
3894+
.dropdown-menu-default li a:hover {
3895+
color: #4285f4;
3896+
}
3897+
.dropdown-menu-primary li a:hover {
3898+
color: #4285f4;
3899+
}
3900+
.dropdown-menu-success li a:hover {
3901+
color: #0f9d58;
3902+
}
3903+
.dropdown-menu-info li a:hover {
3904+
color: #03a9f4;
3905+
}
3906+
.dropdown-menu-warning li a:hover {
3907+
color: #ff5722;
3908+
}
3909+
.dropdown-menu-danger li a:hover {
3910+
color: #f44336;
3911+
}
3912+
.dropdown-menu-material-red li a:hover {
3913+
color: #f44336;
3914+
}
3915+
.dropdown-menu-material-pink li a:hover {
3916+
color: #e91e63;
3917+
}
3918+
.dropdown-menu-material-purple li a:hover {
3919+
color: #9c27b0;
3920+
}
3921+
.dropdown-menu-material-deeppurple li a:hover {
3922+
color: #673ab7;
3923+
}
3924+
.dropdown-menu-material-indigo li a:hover {
3925+
color: #3f51b5;
3926+
}
3927+
.dropdown-menu-material-lightblue li a:hover {
3928+
color: #03a9f4;
3929+
}
3930+
.dropdown-menu-material-cyan li a:hover {
3931+
color: #00bcd4;
3932+
}
3933+
.dropdown-menu-material-teal li a:hover {
3934+
color: #009688;
3935+
}
3936+
.dropdown-menu-material-lightgreen li a:hover {
3937+
color: #8bc34a;
3938+
}
3939+
.dropdown-menu-material-lime li a:hover {
3940+
color: #cddc39;
3941+
}
3942+
.dropdown-menu-material-lightyellow li a:hover {
3943+
color: #ffeb3b;
3944+
}
3945+
.dropdown-menu-material-orange li a:hover {
3946+
color: #ff9800;
3947+
}
3948+
.dropdown-menu-material-deeporange li a:hover {
3949+
color: #ff5722;
3950+
}
3951+
.dropdown-menu-material-grey li a:hover {
3952+
color: #9e9e9e;
3953+
}
3954+
.dropdown-menu-material-bluegrey li a:hover {
3955+
color: #607d8b;
3956+
}
3957+
.dropdown-menu-material-brown li a:hover {
3958+
color: #795548;
3959+
}
3960+
.dropdown-menu-material-lightgrey li a:hover {
3961+
color: #ececec;
38913962
}
38923963
.alert {
38933964
border: 0px;

template/material/css/material.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)