@citizenplane/pimp 18.9.27 → 18.9.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citizenplane/pimp",
-  "version": "18.9.27",
+  "version": "18.9.29",
   "scripts": {
     "dev": "storybook dev -p 8081",
     "build-storybook": "storybook build --output-dir ./docs",

package/src/components/CpMultiselect.vue

@@ -344,10 +344,11 @@ onMounted(() => overrideAlignOverlay())
   }
 
   &__select {
+    position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: var(--cp-spacing-md) var(--cp-spacing-xl);
+    padding: var(--cp-spacing-md);
     border-radius: var(--cp-radius-md);
     box-shadow:
       var(--cp-shadows-3xs-inset),
@@ -377,7 +378,7 @@ onMounted(() => overrideAlignOverlay())
         color: var(--cp-foreground-disabled);
       }
     }
-    
+
     &:has(input:hover):not(:has(input:disabled)) {
       outline: var(--cp-dimensions-0_25) solid var(--cp-border-strong-hover);
     }
@@ -569,7 +570,7 @@ onMounted(() => overrideAlignOverlay())
   &__clear {
     position: absolute;
     top: 50%;
-    right: var(--cp-dimensions-3);
+    right: var(--cp-dimensions-2);
     background-color: var(--cp-background-primary);
     transform: translateY(-50%);
   }
@@ -588,7 +589,8 @@ onMounted(() => overrideAlignOverlay())
     }
 
     .cpMultiselect__toggle {
-      display: none;
+      visibility: hidden;
+      pointer-events: none;
     }
   }
 }

package/src/components/CpTabs.vue

@@ -200,9 +200,6 @@ watch(
 
 @include mx.media-query-max(768px) {
   .cpTabs {
-    margin-right: var(--cp-spacing-xl);
-    overflow-x: auto;
-
     &__activeUnderline {
       top: auto;
       bottom: auto;