From 27bf60be160528911e7e0f4c6328b7748b0efdd7 Mon Sep 17 00:00:00 2001 From: jlukic Date: Thu, 4 Jun 2015 13:50:01 -0400 Subject: [PATCH] Clears up logic around corner labeled input #2361 --- src/definitions/elements/input.less | 21 ++++++++++++++++----- 1 file changed, 16 insertions(+), 5 deletions(-) diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less index 0798bc782..0e066acf5 100755 --- a/src/definitions/elements/input.less +++ b/src/definitions/elements/input.less @@ -310,7 +310,7 @@ padding-bottom: @verticalPadding; } -/* Label on Left */ +/* Regular Label on Left */ .ui.labeled.input:not([class*="corner labeled"]):not([class*="right labeled"]) > input { border-left: none; border-top-left-radius: 0px; @@ -321,7 +321,7 @@ border-bottom-right-radius: 0px; } -/* Label on Right */ +/* Regular Label on Right */ .ui[class*="right labeled"].input > input { border-right: none; border-top-right-radius: 0px !important; @@ -339,11 +339,11 @@ font-size: @labelCornerSize; border-radius: 0em @borderRadius 0em 0em; } -.ui.labeled.input input { - padding-right: @labeledMargin !important; -} /* Spacing with corner label */ +.ui[class*="corner labeled"]:not(.left).labeled.input input { + padding-right: @labeledMargin !important; +} .ui[class*="corner labeled"].icon.input:not(.left) > input { padding-right: @labeledIconInputMargin !important; } @@ -351,6 +351,17 @@ margin-right: @labeledIconMargin; } +/* Left Labeled */ +.ui[class*="corner labeled"].left.labeled.input input { + padding-left: @labeledMargin !important; +} +.ui[class*="corner labeled"].icon.input.left > input { + padding-left: @labeledIconInputMargin !important; +} +.ui[class*="corner labeled"].icon.input.left > .icon { + margin-left: @labeledIconMargin; +} + /*-------------------- Action ---------------------*/