Migrate to GlButton in health status dropdown

parent 7522baf6
<script> <script>
import { import {
GlIcon, GlIcon,
GlDeprecatedButton as GlButton, GlButton,
GlLoadingIcon, GlLoadingIcon,
GlTooltipDirective as GlTooltip, GlTooltipDirective as GlTooltip,
GlDropdownItem, GlDropdownItem,
...@@ -151,7 +151,7 @@ export default { ...@@ -151,7 +151,7 @@ export default {
<gl-button <gl-button
ref="editButton" ref="editButton"
variant="link" variant="link"
class="edit-link btn-link-hover" class="edit-link btn-link-hover gl-text-black-normal!"
:disabled="!isEditable" :disabled="!isEditable"
@click.stop="toggleFormDropdown" @click.stop="toggleFormDropdown"
@keydown.esc="hideDropdown" @keydown.esc="hideDropdown"
...@@ -188,7 +188,7 @@ export default { ...@@ -188,7 +188,7 @@ export default {
<gl-dropdown-item @click="handleDropdownClick(null)"> <gl-dropdown-item @click="handleDropdownClick(null)">
<gl-button <gl-button
variant="link" variant="link"
class="dropdown-item health-dropdown-item" class="dropdown-item health-dropdown-item gl-px-8!"
:class="{ 'is-active': isSelected(null) }" :class="{ 'is-active': isSelected(null) }"
> >
{{ s__('Sidebar|No status') }} {{ s__('Sidebar|No status') }}
...@@ -204,7 +204,7 @@ export default { ...@@ -204,7 +204,7 @@ export default {
> >
<gl-button <gl-button
variant="link" variant="link"
class="dropdown-item health-dropdown-item" class="dropdown-item health-dropdown-item gl-px-8!"
:class="{ 'is-active': isSelected(option.key) }" :class="{ 'is-active': isSelected(option.key) }"
> >
{{ option.value }} {{ option.value }}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment