Chris Hut a6c990c6fe
Cc 5545: Upgrade HDS packages and modifiers (#19226)
* Upgrade @hashicorp/design-system-tokens to 1.9.0

* Upgrade @hashicorp/design-system-components to 1.8.1

* Upgrade @hashicorp/design-system-components and ember-in-viewport

* Explicitly install ember-modifier@4.1.0

* rename copy-button

* Fix how cleanup is done in with-copyable

* Update aria-menu modifier for new structure

* Update css-prop modifier to new structure

* Convert did-upsert to regular class modifier

* Update notification modifier for new structure

* Update on-oustside modifier for new structure

* Move destroy handler registration in with-copyable

* Update style modifier for new structure

* Update validate modifier for new structure

* Guard against setting on destroyed object

* Upgrade @hashicorp/design-system-components to 2.14.1

* Remove debugger

* Guard against null in aria-menu

* Fix undefined hash in validate addon

* Upgrade ember-on-resize-modifier

* Fix copy button import, missing import and array destructuring

---------

Co-authored-by: wenincode <tyler.wendlandt@hashicorp.com>
2023-10-17 07:27:42 -06:00

35 lines
656 B
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
%copy-button {
min-height: 17px;
}
%copy-button:empty {
padding: 0px !important;
margin-right: 0;
top: -1px;
}
/* this is used to provide a small background to the icon only buttons */
/* without knocking out any positioning when you hover over */
%copy-button:empty::after {
content: '';
display: none;
position: absolute;
top: -2px;
left: -3px;
width: 20px;
height: 22px;
}
%copy-button:empty:hover::after {
display: block;
}
%copy-button:empty::before {
position: relative;
z-index: 1;
}
%copy-button:not(:empty)::before {
margin-right: 4px;
}