Merge pull request #775 from adobe/fix-actiongroup-wrapping

fix: actiongroup wrapping, fixes #749
adobe · Jul 31, 2020 · 0b2064c · 0b2064c
2 parents e68a82e + 8b654b7
commit 0b2064c
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/components/actiongroup/index.css b/components/actiongroup/index.css
@@ -23,8 +23,17 @@ governing permissions and limitations under the License.
     flex-shrink: 0;
   }
 
-  .spectrum-ActionGroup-item + .spectrum-ActionGroup-item {
-    margin-inline-start: var(--spectrum-actionbuttongroup-text-button-gap-x);
+  &:not(.spectrum-ActionGroup--vertical)&:not(.spectrum-ActionGroup--compact) {
+    margin-block-start: calc(-1 * var(--spectrum-actionbuttongroup-text-button-gap-y));
+
+    .spectrum-ActionGroup-item {
+      flex-shrink: 0;
+      margin-block-start: var(--spectrum-actionbuttongroup-text-button-gap-y);
+
+      &:not(:last-child) {
+        margin-inline-end: var(--spectrum-actionbuttongroup-text-button-gap-x);
+      }
+    }
   }
 }