Fleet UI: [bug squashes] Fix team dropdown z-index issue, fix copy icon hover state, fix spacing before icons (#14034)
This commit is contained in:
@@ -52,6 +52,7 @@
|
||||
border-radius: 6px;
|
||||
padding-right: 0;
|
||||
margin: 0;
|
||||
z-index: 999; // in front of tooltip wrapper
|
||||
}
|
||||
|
||||
.Select-control {
|
||||
|
||||
@@ -244,6 +244,16 @@ $base-class: "button";
|
||||
fill: $core-vibrant-blue-over;
|
||||
}
|
||||
}
|
||||
|
||||
// Copy button uses stroke color instead of fill color to darken
|
||||
&.input-field__copy-value-button {
|
||||
svg {
|
||||
path {
|
||||
fill: none;
|
||||
stroke: $core-vibrant-blue-over;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// globally styled gap between text and icon
|
||||
|
||||
@@ -164,6 +164,7 @@
|
||||
.name__cell {
|
||||
.policy-name-cell {
|
||||
display: flex; // required for inline icon
|
||||
gap: $pad-xsmall;
|
||||
|
||||
.tooltip-base {
|
||||
display: inline-flex;
|
||||
|
||||
@@ -137,6 +137,8 @@
|
||||
|
||||
.query-name-cell {
|
||||
display: flex; // required for inline icon
|
||||
gap: $pad-xsmall;
|
||||
|
||||
.children-wrapper {
|
||||
.query-name-text {
|
||||
text-overflow: ellipsis;
|
||||
|
||||
Reference in New Issue
Block a user