Commit d92e3759 authored by Marcel Amirault's avatar Marcel Amirault Committed by Sarah Groff Hennigh-Palermo

Upgrade gldeprecatedbutton to glbutton

Using new tertiary category to get borderless
style
parent e78a4382
<script>
import { GlPopover, GlIcon, GlDeprecatedButton, GlTooltipDirective } from '@gitlab/ui';
import { GlPopover, GlButton, GlTooltipDirective } from '@gitlab/ui';
export default {
maxTextLength: 95,
components: {
GlPopover,
GlIcon,
GlDeprecatedButton,
GlButton,
},
directives: {
GlTooltip: GlTooltipDirective,
......@@ -39,16 +38,18 @@ export default {
<template>
<div id="popover-container">
<gl-popover :target="target" triggers="hover" placement="top" container="popover-container">
<div class="d-flex justify-content-between position-relative">
<div class="pr-5 w-100 ci-popover-value">{{ displayValue }}</div>
<gl-deprecated-button
<div class="gl-display-flex gl-justify-content-space-between gl-align-items-center">
<div class="ci-popover-value gl-pr-3">
{{ displayValue }}
</div>
<gl-button
v-gl-tooltip
class="btn-transparent btn-clipboard position-absolute position-top-0 position-right-0"
category="tertiary"
icon="copy-to-clipboard"
:title="tooltipText"
:data-clipboard-text="value"
>
<gl-icon name="copy-to-clipboard" />
</gl-deprecated-button>
:aria-label="__('Copy to clipboard')"
/>
</div>
</gl-popover>
</div>
......
---
title: Change to glbutton component in CI variables list
merge_request: 38757
author:
type: other
......@@ -6931,6 +6931,9 @@ msgstr ""
msgid "Copy the code below to implement tracking in your application:"
msgstr ""
msgid "Copy to clipboard"
msgstr ""
msgid "Copy token"
msgstr ""
......
import { shallowMount } from '@vue/test-utils';
import { GlDeprecatedButton } from '@gitlab/ui';
import { GlButton } from '@gitlab/ui';
import CiVariablePopover from '~/ci_variable_list/components/ci_variable_popover.vue';
import mockData from '../services/mock_data';
......@@ -18,7 +18,7 @@ describe('Ci Variable Popover', () => {
});
};
const findButton = () => wrapper.find(GlDeprecatedButton);
const findButton = () => wrapper.find(GlButton);
beforeEach(() => {
createComponent();
......
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