@c8y/style 1024.18.0 → 1024.18.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c8y/style",
-  "version": "1024.18.0",
+  "version": "1024.18.9",
   "license": "Apache-2.0",
   "author": "Cumulocity GmbH",
   "description": "Styles for Cumulocity IoT applications",

package/styles/core/overlays/_modals.scss

@@ -235,9 +235,13 @@ bs-modal-backdrop {
   position: relative;
   padding: $size-24;
 
-   c8y-modal & {
+  /**
+   * For content that reaches the dialog edges, such as lists, tables, steppers and previews.
+   * Set it through the `flushBody` input of `c8y-modal` rather than the class.
+   **/
+  &--flush {
     padding: 0;
-   }
+  }
   &.separator {
     box-shadow: 0 -1px 0 $component-border-color;
   }

package/styles/icons/_dlt-c8y-icons-svg.scss

@@ -20,7 +20,13 @@ $icon-dir: if(sass($use-relative-paths): '../../assets/icons'; else: 'assets/ico
   font-style: normal;
   font-variant: normal;
   line-height: 1;
+}
 
+// The masked box exists only for elements that name an icon. A bare .dlt-c8y-icon
+// has no --_icon-mask, and an unmasked box paints a solid square (MTM-67763);
+// the icon font rendered nothing for it, so neither does this.
+[class^='dlt-c8y-icon-'],
+[class*=' dlt-c8y-icon-'] {
   &::before {
     content: "";
     display: inline-block;

package/styles/layout/_page-tabs.scss

@@ -321,12 +321,3 @@ body:not(:has(.app-main-header)) {
     }
   }
 }
-
-body:not(:has(.has-action-bar)) {
-  .page-tabs-vertical {
-    .nav-tabs {
-      padding-top: 0;
-      border-top: 1px solid $component-border-color;
-    }
-  }
-}