}
/* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */
-.dropdown:not(.btn-group):not(.dropdown-root):not(.action-dropdown):not(.input-group-prepend):not(.column-toggle) {
+.dropdown {
z-index: z(dropdown) !important;
+}
- &.list-overflow-menu,
- &.parent-entry {
- z-index: z(header) - 1 !important;
- }
+.list-overflow-menu,
+.parent-entry {
+ z-index: z(header) - 1 !important;
+}
+
+.btn-group,
+.dropdown-root,
+.action-dropdown,
+.input-group-prepend,
+.column-toggle {
+ z-index: inherit !important;
+}
+
+.btn-group > .btn:not(:first-child) {
+ border-top-left-radius: 0 !important;
+ border-bottom-left-radius: 0 !important;
}
.dropdown-menu {
opacity: .9;
}
+ &:active {
+ color: pvar(--mainForegroundColor) !important;
+ }
+
&::after {
display: none;
}
content: '';
display: block;
position: fixed;
- z-index: z('header') - 1;
+ z-index: z('menu') - 1;
}
}
}
display: none;
}
}
+
+.callout {
+ padding: 1.25rem;
+ border: 1px solid #eee;
+ border-radius: .25rem;
+
+ & > label {
+ position: relative;
+ top: -5px;
+ left: -10px;
+ color: #6c757d !important;
+ }
+
+ &:not(.callout-light) {
+ border-left-width: .25rem;
+ }
+
+ &.callout-info {
+ border-color: pvar(--mainColorLightest);
+ border-left-color: pvar(--mainColor);
+ }
+}