feat(label): right icon will be given correct margin when placed afte…

…r text
fomantic · Jan 16, 2019 · 20d6389 · 20d6389
1 parent f04011b
commit 20d6389
Showing 1 changed file with 22 additions and 3 deletions.
diff --git a/src/definitions/elements/label.less b/src/definitions/elements/label.less
@@ -73,6 +73,7 @@ a.ui.label {
 }
 
 /* Icon */
+.ui.left.icon.label > .icon,
 .ui.label > .icon {
   width: auto;
   margin: 0 @iconDistance 0 0;
@@ -90,21 +91,39 @@ a.ui.label {
   margin: 0 @detailIconDistance 0 0;
 }
 
-
 /* Removable label */
 .ui.label > .close.icon,
 .ui.label > .delete.icon {
   cursor: pointer;
-  margin-right: 0;
-  margin-left: @deleteMargin;
   font-size: @deleteSize;
   opacity: @deleteOpacity;
   transition: @deleteTransition;
 }
+.ui.label > .close.icon:hover,
 .ui.label > .delete.icon:hover {
   opacity: 1;
 }
 
+/* Backward compatible positioning */
+.ui.label.left.icon > .close.icon,
+.ui.label.left.icon > .delete.icon {
+  margin: 0 @deleteMargin 0 0;
+}
+.ui.label:not(.icon) > .close.icon,
+.ui.label:not(.icon) > .delete.icon {
+  margin: 0 0 0 @deleteMargin;
+}
+
+/* Label for only an icon */
+.ui.icon.label > .icon {
+  margin: 0 auto;
+}
+
+/* Right Side Icon */
+.ui.right.icon.label > .icon {
+  margin: 0 0 0 @iconDistance;
+}
+
 /*-------------------
        Group
 --------------------*/