is-active review changes

This commit is contained in:
Luke "Jared" Bennett 2017-09-20 10:28:14 +01:00
parent 87de569aab
commit 55a7529621
No known key found for this signature in database
GPG Key ID: 402ED51FB5D306C2
3 changed files with 9 additions and 12 deletions

View File

@ -70,11 +70,11 @@ export default {
:update-confidential-attribute="updateConfidentialAttribute"
/>
<div v-if="!isConfidential" class="no-value sidebar-item-value">
<i class="fa fa-eye not-active"></i>
<i class="fa fa-eye sidebar-item-icon"></i>
Not confidential
</div>
<div v-else class="value sidebar-item-value hide-collapsed">
<i aria-hidden="true" class="fa fa-eye-slash is-active"></i>
<i aria-hidden="true" class="fa fa-eye-slash sidebar-item-icon is-active"></i>
This issue is confidential
</div>
</div>

View File

@ -95,12 +95,12 @@ export default {
/>
<div v-if="isLocked" class="value sidebar-item-value">
<i aria-hidden="true" class="fa fa-lock is-active"></i>
<i aria-hidden="true" class="fa fa-lock sidebar-item-icon is-active"></i>
{{ __('Locked') }}
</div>
<div v-else class="no-value sidebar-item-value hide-collapsed">
<i aria-hidden="true" class="fa fa-unlock not-active"></i>
<i aria-hidden="true" class="fa fa-unlock sidebar-item-icon"></i>
{{ __('Unlocked') }}
</div>
</div>

View File

@ -16,15 +16,12 @@
text-align: center;
}
.issuable-sidebar-item {
.not-active,
.is-active {
border-radius: $border-radius-default;
padding: 5px;
margin: 0 3px 0 -4px;
}
.sidebar-item-icon {
border-radius: $border-radius-default;
padding: 5px;
margin: 0 3px 0 -4px;
.is-active {
&.is-active {
color: $orange-600;
background-color: $orange-50;
}