From 8cb8d8a1d35c2858dc2e8c28f39a1ad15b1926fa Mon Sep 17 00:00:00 2001 From: TATSUNO Yasuhiro Date: Sun, 22 Dec 2019 23:44:58 +0900 Subject: [PATCH] fix(form): action input had wrong border radius in some cases .ui.input in .ui.form has border-radius at all corners. Fomantic-UI/src/definitions/collections/form.less Line 411 in 2f3312f border-radius: @inputFocusBorderRadius; Unfortunately, this override brings border-radius to .ui.action.input. This PR removes border-radius from .ui.action.input in .ui.form where radius not needed. Closes #1184, #1185 --- src/definitions/collections/form.less | 33 +++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less index 4bdc85daf8..db162f491f 100755 --- a/src/definitions/collections/form.less +++ b/src/definitions/collections/form.less @@ -413,6 +413,39 @@ background: @inputFocusBackground; box-shadow: @inputFocusBoxShadow; } +& when (@variationInputAction) { + .ui.form .ui.action.input:not(.left) input:not([type]):focus, + .ui.form .ui.action.input:not(.left) input[type="date"]:focus, + .ui.form .ui.action.input:not(.left) input[type="datetime-local"]:focus, + .ui.form .ui.action.input:not(.left) input[type="email"]:focus, + .ui.form .ui.action.input:not(.left) input[type="number"]:focus, + .ui.form .ui.action.input:not(.left) input[type="password"]:focus, + .ui.form .ui.action.input:not(.left) input[type="search"]:focus, + .ui.form .ui.action.input:not(.left) input[type="tel"]:focus, + .ui.form .ui.action.input:not(.left) input[type="time"]:focus, + .ui.form .ui.action.input:not(.left) input[type="text"]:focus, + .ui.form .ui.action.input:not(.left) input[type="file"]:focus, + .ui.form .ui.action.input:not(.left) input[type="url"]:focus { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .ui.form .ui.action.input.left input:not([type]), + .ui.form .ui.action.input.left input[type="date"], + .ui.form .ui.action.input.left input[type="datetime-local"], + .ui.form .ui.action.input.left input[type="email"], + .ui.form .ui.action.input.left input[type="number"], + .ui.form .ui.action.input.left input[type="password"], + .ui.form .ui.action.input.left input[type="search"], + .ui.form .ui.action.input.left input[type="tel"], + .ui.form .ui.action.input.left input[type="time"], + .ui.form .ui.action.input.left input[type="text"], + .ui.form .ui.action.input.left input[type="file"], + .ui.form .ui.action.input.left input[type="url"] { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } +} .ui.form textarea:focus { color: @textAreaFocusColor; border-color: @textAreaFocusBorderColor;