Skip to content

Commit

Permalink
fix(ui): fix dropmenu style
Browse files Browse the repository at this point in the history
  • Loading branch information
tchiotludo committed Sep 6, 2020
1 parent b5e098f commit 84a764b
Showing 1 changed file with 0 additions and 150 deletions.
150 changes: 0 additions & 150 deletions ui/src/styles/_yeti.scss
Original file line number Diff line number Diff line change
Expand Up @@ -14,63 +14,6 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Roboto:300,400,700" !de
font-weight: $headings-font-weight;
}

.bg-primary {

.dropdown-menu {
background-color: $primary;

.dropdown-item,
.dropdown-item:focus {
color: $navbar-dark-color;
}

.dropdown-item.active,
.dropdown-item:hover,
.dropdown-item:focus {
background-color: darken($primary, 5%);
color: #fff;
}
}
}

.bg-dark {
background-color: $gray-800 !important;

.dropdown-menu {
background-color: $gray-800;

.dropdown-item,
.dropdown-item:focus {
color: $navbar-dark-color;
}

.dropdown-item.active,
.dropdown-item:hover,
.dropdown-item:focus {
background-color: darken($gray-800, 5%);
color: #fff;
}
}
}

.bg-light {

.dropdown-menu {
background-color: $gray-200;

.dropdown-item,
.dropdown-item:focus {
color: $navbar-light-color;
}

.dropdown-item.active,
.dropdown-item:hover,
.dropdown-item:focus {
background-color: lighten($gray-200, 5%);
color: $navbar-light-hover-color;
}
}
}

// Buttons =====================================================================

Expand Down Expand Up @@ -110,99 +53,6 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Roboto:300,400,700" !de
}
}

.btn-group {

.dropdown-menu {
border-top-width: 0;
}

.dropdown-toggle {

&.btn-primary ~ .dropdown-menu {
background-color: $primary;
border-color: darken($primary, 5%);

.dropdown-item {
color: $white;
}

.dropdown-item:hover,
.dropdown-item:focus {
background-color: darken($primary, 8%);
}
}

&.btn-secondary ~ .dropdown-menu {
background-color: $secondary;
border-color: darken($secondary, 5%);

.dropdown-item {
color: $white;
}

.dropdown-item:hover,
.dropdown-item:focus {
background-color: darken($secondary, 8%);
}
}

&.btn-success ~ .dropdown-menu {
background-color: $success;
border-color: darken($success, 5%);

.dropdown-item {
color: $white;
}

.dropdown-item:hover,
.dropdown-item:focus {
background-color: darken($success, 8%);
}
}

&.btn-info ~ .dropdown-menu {
background-color: $info;
border-color: darken($info, 5%);

.dropdown-item {
color: $white;
}

.dropdown-item:hover,
.dropdown-item:focus {
background-color: darken($info, 8%);
}
}

&.btn-warning ~ .dropdown-menu {
background-color: $warning;
border-color: darken($warning, 5%);

.dropdown-item {
color: $white;
}

.dropdown-item:hover,
.dropdown-item:focus {
background-color: darken($warning, 8%);
}
}

&.btn-danger ~ .dropdown-menu {
background-color: $danger;
border-color: darken($primary, 5%);

.dropdown-item {
color: $white;
}

.dropdown-item:hover,
.dropdown-item:focus {
background-color: darken($danger, 8%);
}
}
}
}

// Typography ==================================================================

Expand Down

0 comments on commit 84a764b

Please sign in to comment.