mirror of
https://github.com/fleetdm/fleet
synced 2026-05-22 16:39:01 +00:00
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:
parent
8dab938a89
commit
3a74a9fda4
4 changed files with 14 additions and 0 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue