(updated) toggle button styles

pull/1755/head
Gabriel Rodriguez Alsina 6 years ago
parent 5ffa49cbbe
commit 759af642d3
  1. 1
      apps/block_scout_web/assets/css/app.scss
  2. 6
      apps/block_scout_web/assets/css/components/_btn_dropdown_line.scss
  3. 2
      apps/block_scout_web/lib/block_scout_web/templates/address_internal_transaction/index.html.eex
  4. 2
      apps/block_scout_web/lib/block_scout_web/templates/address_transaction/index.html.eex

@ -113,6 +113,7 @@ $fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
@import "components/modal_stake";
@import "components/btn_copy";
@import "components/btn_qr";
@import "components/btn_dropdown_line";
:export {
primary: $primary;

@ -0,0 +1,6 @@
$btn-dropdown-line-bg: #fff !default;
$btn-dropdown-line-color: $primary !default;
.btn-dropdown-line {
@include btn-line($btn-dropdown-line-bg, $btn-dropdown-line-color);
}

@ -16,7 +16,7 @@
</div>
</div>
<div class="dropdown float-right u-push-sm">
<button data-test="filter_dropdown" class="button button-secondary button-xs dropdown-toggle" type="button"
<button data-test="filter_dropdown" class="btn-dropdown-line dropdown-toggle" type="button"
id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Filter: <%= format_current_filter(@filter) %>
</button>

@ -12,7 +12,7 @@
</div>
</div>
<div class="dropdown float-right u-push-sm">
<button data-test="filter_dropdown" class="button button-secondary button-xs dropdown-toggle" type="button"
<button data-test="filter_dropdown" class="btn-dropdown-line dropdown-toggle" type="button"
id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Filter: <%= format_current_filter(@filter) %>
</button>

Loading…
Cancel
Save