(fix) dropdown button color

pull/2096/head
Gabriel Rodriguez Alsina 6 years ago
parent 135bc23b0b
commit e700c071c0
  1. 2
      apps/block_scout_web/assets/css/_mixins.scss
  2. 12
      apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss

@ -73,6 +73,7 @@
} }
@mixin btn-full($bg-color: $primary, $text-color: #fff) { @mixin btn-full($bg-color: $primary, $text-color: #fff) {
-webkit-appearance: none !important;
align-items: center; align-items: center;
background-color: $bg-color; background-color: $bg-color;
border-radius: 2px; border-radius: 2px;
@ -121,6 +122,7 @@
} }
@mixin btn-line($bg-color: #fff, $text-color: $secondary) { @mixin btn-line($bg-color: #fff, $text-color: $secondary) {
-webkit-appearance: none !important;
align-items: center; align-items: center;
background-color: $bg-color; background-color: $bg-color;
border-radius: 2px; border-radius: 2px;

@ -1,13 +1,15 @@
$btn-dropdown-line-bg: #fff !default; $btn-dropdown-line-bg: #fff !default;
$btn-dropdown-line-color: $primary !default; $btn-dropdown-line-color: #333 !default;
.btn-dropdown-line { .btn-dropdown-line {
@include btn-line($btn-dropdown-line-bg, $btn-dropdown-line-color); @include btn-line($btn-dropdown-line-bg, $btn-dropdown-line-color);
border-color: $btn-dropdown-line-color;
color: $btn-dropdown-line-color;
outline: none !important; outline: none !important;
color: #333;
border-color: #e2e5ec;
&:hover { &:hover {
background-color: transparent; background-color: $btn-dropdown-line-color;
color: #333; border-color: $btn-dropdown-line-color;
color: $btn-dropdown-line-bg;
} }
} }
Loading…
Cancel
Save