UX: Minor button icon color fixes

This commit is contained in:
Kris 2019-02-04 12:46:12 -05:00
parent 9de906ddab
commit 58d5fc3632
2 changed files with 9 additions and 3 deletions

View File

@ -13,15 +13,15 @@
{{/if}} {{/if}}
{{#if canMergeTopic}} {{#if canMergeTopic}}
{{d-button action=(route-action "moveToTopic") icon="sign-out-alt" label="topic.move_to.action" class="move-to-topic"}} {{d-button action=(route-action "moveToTopic") icon="sign-out-alt" label="topic.move_to.action" class="btn-primary move-to-topic"}}
{{/if}} {{/if}}
{{#if canChangeOwner}} {{#if canChangeOwner}}
{{d-button action=(route-action "changeOwner") icon="user" label="topic.change_owner.action"}} {{d-button action=(route-action "changeOwner") icon="user" label="topic.change_owner.action" class="btn-primary"}}
{{/if}} {{/if}}
{{#if canMergePosts}} {{#if canMergePosts}}
{{d-button action=(action "mergePosts") icon="arrows-v" label="topic.merge_posts.action"}} {{d-button action=(action "mergePosts") icon="arrows-v" label="topic.merge_posts.action" class="btn-primary"}}
{{/if}} {{/if}}
<p class='cancel'><a href {{action "toggleMultiSelect"}}>{{i18n 'topic.multi_select.cancel'}}</a></p> <p class='cancel'><a href {{action "toggleMultiSelect"}}>{{i18n 'topic.multi_select.cancel'}}</a></p>

View File

@ -6,8 +6,14 @@ $rollback-darker: darken($rollback, 20%) !default;
.btn-rollback { .btn-rollback {
color: $secondary; color: $secondary;
background: $rollback; background: $rollback;
.d-icon {
color: $secondary;
}
&:hover { &:hover {
background: $rollback-dark; background: $rollback-dark;
.d-icon {
color: currentColor;
}
} }
&:active { &:active {
@include linear-gradient($rollback-darker, $rollback-dark); @include linear-gradient($rollback-darker, $rollback-dark);