From 8416a7d819a91f584353324aedc64fc832c825ef Mon Sep 17 00:00:00 2001 From: Charles Date: Tue, 30 Apr 2024 13:46:26 +0100 Subject: [PATCH] Remove round corner for search inputs --- packages/core/src/components/forms/_common.scss | 3 --- packages/core/src/components/forms/input-group.md | 6 +----- 2 files changed, 1 insertion(+), 8 deletions(-) diff --git a/packages/core/src/components/forms/_common.scss b/packages/core/src/components/forms/_common.scss index 93636b85c7..d19db620a6 100644 --- a/packages/core/src/components/forms/_common.scss +++ b/packages/core/src/components/forms/_common.scss @@ -105,7 +105,6 @@ $control-group-stack: ( box-shadow: input-transition-shadow($input-shadow-color-focus, true), $input-box-shadow-focus; } - &[type="search"], &.#{$ns}-round { border-radius: $pt-input-height; // override normalize.css @@ -152,7 +151,6 @@ $control-group-stack: ( height: $pt-input-height-large; line-height: $pt-input-height-large; - &[type="search"], &.#{$ns}-round { padding: 0 ($input-padding-horizontal * 1.5); } @@ -165,7 +163,6 @@ $control-group-stack: ( padding-left: $input-small-padding; padding-right: $input-small-padding; - &[type="search"], &.#{$ns}-round { padding: 0 ($input-small-padding * 1.5); } diff --git a/packages/core/src/components/forms/input-group.md b/packages/core/src/components/forms/input-group.md index 3a8b087c59..2762f1880c 100644 --- a/packages/core/src/components/forms/input-group.md +++ b/packages/core/src/components/forms/input-group.md @@ -30,11 +30,7 @@ For _multiline text_: use [**TextArea**](#core/components/text-area) instead. @## Search input -Apply the attribute `type="search"` to style a text input as a search field. This styling is equivalent -to what is applied using the `Classes.ROUND` modifier class—it is automatically applied for `[type="search"]` -inputs. - -Note that some browsers also implement a handler for the esc key to clear the text in a search field. +Apply the attribute `type="search"` to enable a handler for the esc key to clear the text in a search field forÃ¥ some browsers. @reactExample SearchInputExample