Fleet UI: Allow users to scroll through disabled yml fields (#38715)
This commit is contained in:
@@ -0,0 +1 @@
|
||||
- Fleet UI: Allow users to scroll through disabled yml fields
|
||||
@@ -7,7 +7,7 @@
|
||||
}
|
||||
}
|
||||
&--disabled {
|
||||
@include disabled;
|
||||
@include disabled($allow-pointer-events: true);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -118,12 +118,17 @@ $max-width: 2560px;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin disabled {
|
||||
@mixin disabled($allow-pointer-events: false) {
|
||||
opacity: 0.5;
|
||||
filter: grayscale(0.5);
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
|
||||
@if $allow-pointer-events {
|
||||
pointer-events: auto; // Allows text selection/scroll in disabled state
|
||||
} @else {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
// Must override
|
||||
&:hover,
|
||||
&:focus {
|
||||
|
||||
Reference in New Issue
Block a user