scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-11-01 11:37:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Refactor sidebar button with woot-button (#2231)

Browse Source 
Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>
This commit is contained in:
Sivin Varghese
2021-05-13 15:39:10 +05:30
committed by GitHub
parent 836b317b8a
commit 73d30b7f69
1 changed files with 12 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/javascript/dashboard/components/layout/AvailabilityStatus.vue
View File

@@ -20,22 +20,28 @@
:key="status.value"
class="status-items"
>
<button
class="button clear status-change--dropdown-button"
:disabled="status.disabled"
<woot-button
variant="clear"
class-names="status-change--dropdown-button"
:is-disabled="status.disabled"
@click="changeAvailabilityStatus(status.value)"
>
<availability-status-badge :status="status.value" />
{{ status.label }}
</button>
</woot-button>
</woot-dropdown-item>
</woot-dropdown-menu>
</div>
</transition>
<button class="status-change--change-button" @click="openStatusMenu">
<woot-button
variant="clear"
color-scheme="secondary"
class-names="status-change--change-button link"
@click="openStatusMenu"
>
{{ $t('SIDEBAR_ITEMS.CHANGE_AVAILABILITY_STATUS') }}
</button>
</woot-button>
</div>
</div>
</template>
@@ -156,15 +162,5 @@ export default {
display: flex;
align-items: baseline;
}
& &--change-button {
color: var(--b-600);
font-size: var(--font-size-small);
cursor: pointer;
outline: none;
&:hover {
color: var(--w-600);
}
}
}
</style>