@bytebrand/fe-ui-core-autobahn 1.0.27 → 1.0.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.27",
+  "version": "1.0.29",
   "description": "auto.de md3 (Autobahn) design system — UI primitives, cards, chrome, VDP modules, theme CSS and locales. Ships raw TypeScript source (like fe-ui-core before it); each consumer's bundler compiles it.",
   "main": "index.ts",
   "license": "UNLICENSED",

package/theme/md3.css

@@ -1500,16 +1500,17 @@
 .md3 .fin-sheet-terms .term-chips { display: flex; flex-wrap: wrap; gap: 8px; }
 .md3 .fin-sheet-terms .term-chip { flex: 1 1 0; min-width: 46px; height: 40px; border-radius: 8px; padding: 0 2px; }
 .md3 .fin-sheet-terms .tc-unit { display: none; }
-/* mockup sliders show no min/max end labels — the boxed current value carries the figure */
-.md3 .fin-sheet-adjust .mslider + div { display: none; }
+/* mockup sliders show no min/max end labels — the boxed current value carries the figure
+   (!important: the labels row carries an inline display:flex) */
+.md3 .fin-sheet-adjust .mslider + div { display: none !important; }
 
 @media (max-width: 600px) {
-  /* full-bleed gallery: edge-to-edge, app-like; mockup image band is short+wide (~390×222,
-     not 4:3) so the whole finance card — incl. Rate anpassen — fits the first screen */
-  .md3 .vdp-gallerybox { margin: 0 -24px; border-radius: 0; border: 0; box-shadow: none;
-    height: 222px; aspect-ratio: auto; }
-  /* controls row straddles the image's bottom edge (mockup), half-on half-off */
-  .md3 .gallery-controls-row { margin-top: -17px; position: relative; z-index: 3; padding: 0 2px; }
+  /* full-bleed gallery: edge-to-edge, app-like (image keeps its 4:3 size — per user,
+     the fold is won by overlaying the controls row on the image, not by shrinking it) */
+  .md3 .vdp-gallerybox { margin: 0 -24px; border-radius: 0; border: 0; box-shadow: none; }
+  /* controls row sits fully ON the image, hugging its bottom edge — everything below
+     moves up by the row's former in-flow height */
+  .md3 .gallery-controls-row { margin-top: -50px; position: relative; z-index: 3; padding: 0 2px; }
   /* the carousel's own overlay dots move into the below-image controls row (page-rendered;
      the dots div carries an inline display:flex — hence !important) */
   .md3 .vdp-gallerybox .cardcar-dots { display: none !important; }