mod/layout/assets/style/overlay.scss
/*-------------------------- */
/*- Overlay - */
/*-------------------------- */
.overlay-container {
position: relative;
height: 100%;
overflow: auto;
.card-slot.overlay_rule-view {
border-left: 5px solid $primary;
.d0-card-body {
padding: 0 1em;
}
}
.d0-card-overlay
> .d0-card-frame
> .d0-card-content {
overflow-y: scroll;
padding: 1rem 1.5rem; // px-4
}
}
.d0-card-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
> .d0-card-frame {
height: 100%;
width: 100%;
> .d0-card-header {
border-bottom: 1px solid $border-color;
padding: 0.25rem 0.25rem 0.25rem 1.25rem;
.title {
font-weight: bold;
text-transform: capitalize;
}
.card-title {
margin-bottom: 0;
}
}
}
}
.overlay-menu {
display: inline-flex;
vertical-align: middle;
}
// FIXME: this directly overrides above rule.
.d0-card-overlay > .d0-card-frame > .d0-card-header {
padding-left: -15px!important;
padding-right: -15px!important;
}