From 6865e08f9e2248dc202b1b9622ce3ff24680e429 Mon Sep 17 00:00:00 2001 From: prudho Date: Wed, 28 Nov 2018 12:55:50 +0100 Subject: [PATCH] feat(input): add red border around `error labeled input` Closes #257 --- src/definitions/elements/input.less | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less index 22d439f120..7443c6ce68 100755 --- a/src/definitions/elements/input.less +++ b/src/definitions/elements/input.less @@ -398,6 +398,21 @@ left: @borderWidth; } +/* Labeled input error */ +.ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label { + border-top: @borderWidth solid @errorBorder; + border-bottom: @borderWidth solid @errorBorder; +} +.ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label { + border-left: @borderWidth solid @errorBorder; +} +.ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label { + border-right: @borderWidth solid @errorBorder; +} +.ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child { + border-left: @borderWidth solid @errorBorder; +} + /*-------------------- Action