fix(popover): Popover max width update, fixing start issue (UIM-424) (#…

…452)
positive-js · Apr 16, 2020 · a7e4a17 · a7e4a17
1 parent 90ee01f
commit a7e4a17
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/packages/mosaic-dev/popover/styles.scss b/packages/mosaic-dev/popover/styles.scss
@@ -26,6 +26,10 @@ app {
 
 .popover-485 {
     width: 485px;
+
+    .mc-popover {
+        max-width: 485px !important;
+    }
 }
 
 

diff --git a/packages/mosaic-dev/popover/template.html b/packages/mosaic-dev/popover/template.html
@@ -43,7 +43,7 @@
         class="trigger-button with-margin asdasd"
         mc-button
         mcPopover
-        mcPopoverClass="popover-485 this-class-not-available"
+        mcPopoverClass="popover-485 max-width-class"
         mcPopoverHeader="Lorem ipsum"
         mcPopoverPlacement="bottom"
         mcPopoverSize="small"

diff --git a/packages/mosaic/popover/popover.scss b/packages/mosaic/popover/popover.scss
@@ -42,23 +42,23 @@ $mc-popover-large-width: 640px;
     max-width: $mc-popover-small-width;
 
     .mc-popover {
-        max-width: $mc-popover-small-width !important;
+        max-width: $mc-popover-small-width;
     }
 }
 
 .mc-popover-normal {
     max-width: $mc-popover-normal-width;
 
     .mc-popover {
-        max-width: $mc-popover-normal-width !important;
+        max-width: $mc-popover-normal-width;
     }
 }
 
 .mc-popover-large {
     max-width: $mc-popover-large-width;
 
     .mc-popover {
-        max-width: $mc-popover-large-width !important;
+        max-width: $mc-popover-large-width;
     }
 }