fix(message): support icon groups

lubber-de · web-flow · commit 1af2588246b4 · 2020-12-18T13:31:08.000+01:00
Usage of icon groups were not supported for icon message.
diff --git a/src/definitions/collections/message.less b/src/definitions/collections/message.less
@@ -107,6 +107,7 @@
 
 
 /* Icon */
+.ui.message > .icons,
 .ui.message > i.icon {
   margin-right: @iconDistance;
 }
@@ -225,6 +226,7 @@
     width: 100%;
     align-items: center;
   }
+  .ui.icon.message > .icons,
   .ui.icon.message > i.icon:not(.close) {
     display: block;
     flex: 0 0 auto;
@@ -240,11 +242,11 @@
     vertical-align: @iconVerticalAlign;
   }
 
-
+  .ui.icon.message > .icons + .content,
   .ui.icon.message > i.icon:not(.close) + .content {
     padding-left: @iconContentDistance;
   }
-  .ui.icon.message > i.circular.icon {
+  .ui.icon.message > i.circular {
     width: 1em;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -107,6 +107,7 @@`
`107`	`107`
`108`	`108`
`109`	`109`	`/* Icon */`
	`110`	`+.ui.message > .icons,`
`110`	`111`	`.ui.message > i.icon {`
`111`	`112`	`margin-right: @iconDistance;`
`112`	`113`	`}`
`@@ -225,6 +226,7 @@`
`225`	`226`	`width: 100%;`
`226`	`227`	`align-items: center;`
`227`	`228`	`}`
	`229`	`+ .ui.icon.message > .icons,`
`228`	`230`	`.ui.icon.message > i.icon:not(.close) {`
`229`	`231`	`display: block;`
`230`	`232`	`flex: 0 0 auto;`
`@@ -240,11 +242,11 @@`
`240`	`242`	`vertical-align: @iconVerticalAlign;`
`241`	`243`	`}`
`242`	`244`
`243`		`-`
	`245`	`+ .ui.icon.message > .icons + .content,`
`244`	`246`	`.ui.icon.message > i.icon:not(.close) + .content {`
`245`	`247`	`padding-left: @iconContentDistance;`
`246`	`248`	`}`
`247`		`- .ui.icon.message > i.circular.icon {`
	`249`	`+ .ui.icon.message > i.circular {`
`248`	`250`	`width: 1em;`
`249`	`251`	`}`
`250`	`252`	`}`