72ff1f0607
* ui: Change action-group to use new popup-menu component in intentions * ui: Slight amends to aria-menu to prevent scrolling * ui: Begin to use aria-menu/popover-menu for other elements * Use a simpler, hackier method to fix up zIndexing * ui: Implement new confirmation dialogs in other list views (#7080) This includes another amend to the popover-menu in order to allow mutiple confirmations/subpanels in the same popover menu. The functionality added here to allow this is likely to change in the future.
38 lines
882 B
SCSS
38 lines
882 B
SCSS
%confirmation-alert {
|
|
background-color: $white;
|
|
}
|
|
|
|
%confirmation-alert > div {
|
|
background-color: $yellow-050;
|
|
border-top-left-radius: $decor-radius-200;
|
|
border-top-right-radius: $decor-radius-200;
|
|
}
|
|
%confirmation-alert > ul {
|
|
list-style: none;
|
|
}
|
|
%confirmation-alert > ul > li > * {
|
|
cursor: pointer;
|
|
}
|
|
%confirmation-alert > ul > li > *:hover,
|
|
%confirmation-alert > ul > li > *:focus {
|
|
background-color: $gray-100;
|
|
}
|
|
%confirmation-alert > ul > .dangerous > * {
|
|
@extend %frame-red-300;
|
|
}
|
|
%confirmation-alert > ul > .dangerous > *:hover,
|
|
%confirmation-alert > ul > .dangerous > *:focus {
|
|
@extend %frame-red-700;
|
|
}
|
|
%confirmation-alert.warning header {
|
|
color: $orange-700;
|
|
}
|
|
%confirmation-alert.warning header::before {
|
|
@extend %with-alert-triangle-mask, %as-pseudo;
|
|
background-color: $yellow-500;
|
|
margin-right: 5px;
|
|
}
|
|
%confirmation-alert p {
|
|
color: $black;
|
|
}
|