tidy up CSS

Esri · Nov 22, 2024 · be7af7a · be7af7a
1 parent 631a25b
commit be7af7a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/packages/calcite-components/src/components/dialog/dialog.scss b/packages/calcite-components/src/components/dialog/dialog.scss
@@ -195,15 +195,16 @@ calcite-panel {
   }
 
   @media screen and (max-width: $width + 2 * $baseline) {
-    .width-#{$size},
-    .width {
+    .width-#{$size} {
       @apply m-0
           h-full
           max-h-full
           w-full
           max-w-full;
       inset-inline-start: 0;
       inset-block-start: var(--calcite-internal-dialog-animation-offset);
+    }
+    .width-#{$size}.dialog {
       &--opening {
         &-active {
           inset-block-start: 0;

diff --git a/packages/calcite-components/src/components/dialog/resources.ts b/packages/calcite-components/src/components/dialog/resources.ts
@@ -8,7 +8,7 @@ export const CSS = {
   containerOpen: "container--open",
   containerEmbedded: "container--embedded",
   assistiveText: "assistive-text",
-  openingActive: "width--opening-active",
+  openingActive: "dialog--opening-active",
 };
 
 export const SLOTS = {