fix(button): circular spaced and circular icon group was not respected

lubber-de · web-flow · commit 86f030696b28 · 2024-04-29T19:48:23.000+02:00
The new circular button group variant did not respect the spaced variant for right margin and did not respect the icon variant for width
diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less
@@ -1100,12 +1100,13 @@
         border-radius: @circularBorderRadius;
     }
 
+    .ui.circular.buttons .button > .icon,
     .ui.circular.button > .icon {
         width: @circularIconWidth;
         vertical-align: baseline;
     }
 
-    .ui.circular.buttons:not(.vertical) .button {
+    .ui.circular.buttons:not(.vertical):not(.spaced) .button {
         margin-right: @circularGroupMargin;
     }
 

Original file line number	Diff line number	Diff line change
`@@ -1100,12 +1100,13 @@`
`1100`	`1100`	`border-radius: @circularBorderRadius;`
`1101`	`1101`	`}`
`1102`	`1102`
	`1103`	`+ .ui.circular.buttons .button > .icon,`
`1103`	`1104`	`.ui.circular.button > .icon {`
`1104`	`1105`	`width: @circularIconWidth;`
`1105`	`1106`	`vertical-align: baseline;`
`1106`	`1107`	`}`
`1107`	`1108`
`1108`		`- .ui.circular.buttons:not(.vertical) .button {`
	`1109`	`+ .ui.circular.buttons:not(.vertical):not(.spaced) .button {`
`1109`	`1110`	`margin-right: @circularGroupMargin;`
`1110`	`1111`	`}`
`1111`	`1112`