@open-rlb/ng-bootstrap 3.3.38 → 3.3.40

package/assets/scss/_variables-dark.scss

@@ -116,7 +116,7 @@ $display-block-dark:                                       none !default;
 
 // OVERRIDES
 $card-bg:                           var(--#{$prefix}secondary-bg);
-$card-box-shadow:                   0 0.5rem 1rem rgba(0, 0, 0, 0.35); // Stronger shadow for dark mode
+$card-box-shadow-dark:              0 0.5rem 1rem rgba(0, 0, 0, 0.35); // Stronger shadow for dark mode
 $card-border-width:                 0;
 $table-head-bg:                     $body-tertiary-bg-dark; // Darker header for tables
 $input-bg:                          rgba(255, 255, 255, 0.05); // Glass effect

package/assets/scss/_variables.scss

@@ -1425,7 +1425,7 @@ $card-subtitle-color:               null !default;
 $card-border-width:                 1px !default;
 $card-border-color:                 rgba($gray-200, 0.5) !default;
 $card-border-radius:                var(--#{$prefix}border-radius-xl) !default;
-$card-box-shadow:                   0 4px 6px rgba(18, 38, 63, 0.03), 0 1px 3px rgba(18, 38, 63, 0.05) !default;
+$card-box-shadow:                   0 4px 6px rgba(18, 38, 63, 0.06), 0 1px 3px rgba(18, 38, 63, 0.10) !default;
 $card-inner-border-radius:          calc(#{$card-border-radius} - 1px) !default;
 $card-cap-padding-y:                $card-spacer-y * .5 !default;
 $card-cap-padding-x:                $card-spacer-x !default;

package/assets/scss/custom/components/_card.scss

@@ -4,7 +4,18 @@
 
 .card {
   margin-bottom: $grid-gutter-width;
-  box-shadow: $card-box-shadow;
+  // Consume the theme-aware custom property (set per-theme in `_root.scss`) so cards
+  // stay in sync with `rlb-dt-table.dt-card-style` / `rlb-accordion.accordion-card-style`,
+  // which also read `--#{$prefix}card-box-shadow`.
+  box-shadow: var(--#{$prefix}card-box-shadow);
+}
+
+// Bootstrap's `.card` redefines `--#{$prefix}card-box-shadow` locally from the
+// compile-time `$card-box-shadow` (the light value), which shadows the theme-level
+// value from `_root.scss`. Re-point the local property to the dark value under the
+// dark theme so card shadows match the tables/accordions above.
+[data-bs-theme="dark"] .card {
+  --#{$prefix}card-box-shadow: #{$card-box-shadow-dark};
 }
 
 .card-drop {

package/assets/scss/custom/components/_root.scss

@@ -73,7 +73,7 @@
         --#{$prefix}display-none:                           #{$display-none-dark};
         --#{$prefix}display-block:                          #{$display-block-dark};
 
-        --#{$prefix}card-box-shadow:                        #{$card-box-shadow};
+        --#{$prefix}card-box-shadow:                        #{$card-box-shadow-dark};
         --#{$prefix}input-box-shadow:                       #{$input-box-shadow};
 
         // Sidebar

package/fesm2022/open-rlb-ng-bootstrap.mjs

@@ -5709,7 +5709,7 @@ class SidebarComponent {
     >
       <div
         id="sidebar-menu"
-        class="w-100 h-100 overflow-y-auto"
+        class="w-100 h-100 overflow-y-auto d-flex flex-column"
       >
         <ul
           class="metismenu list-unstyled"
@@ -5718,6 +5718,7 @@ class SidebarComponent {
         >
           <ng-content select="rlb-sidebar-item"></ng-content>
         </ul>
+        <ng-content select="[rlb-sidebar-footer]"></ng-content>
       </div>
     </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -5733,7 +5734,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
     >
       <div
         id="sidebar-menu"
-        class="w-100 h-100 overflow-y-auto"
+        class="w-100 h-100 overflow-y-auto d-flex flex-column"
       >
         <ul
           class="metismenu list-unstyled"
@@ -5742,6 +5743,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
         >
           <ng-content select="rlb-sidebar-item"></ng-content>
         </ul>
+        <ng-content select="[rlb-sidebar-footer]"></ng-content>
       </div>
     </div>
   `,