31 lines
810 B
SCSS
31 lines
810 B
SCSS
// Fixed Action Bar Component
|
|
.fixed-action-bar {
|
|
position: fixed;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 1030;
|
|
background: var(--#{$prefix}body-bg); // Use theme variable for background
|
|
border-top: 1px solid var(--#{$prefix}border-color);
|
|
padding: 1rem;
|
|
transition: margin .1s ease, width .1s ease; // Match sidebar transition
|
|
|
|
@media (min-width: 992px) {
|
|
margin-left: $sidebar-width-lg; // Align with main content
|
|
|
|
// Handle folded sidebar scenario
|
|
.sidebar-folded & {
|
|
margin-left: $sidebar-folded-width;
|
|
}
|
|
}
|
|
|
|
// Ensure it sits above other content but below modals (z-index check)
|
|
}
|
|
|
|
// Utility for vertical border on medium+ screens
|
|
@media (min-width: 768px) {
|
|
.border-md-end {
|
|
border-right: 1px solid var(--#{$prefix}border-color) !important;
|
|
}
|
|
}
|