Skip to content

Commit 488658d

Browse files
author
Charles
committed
Revert "Remove round corner for search inputs"
This reverts commit 84dc6e0.
1 parent 84dc6e0 commit 488658d

File tree

2 files changed

+8
-1
lines changed

2 files changed

+8
-1
lines changed

packages/core/src/components/forms/_common.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -105,6 +105,7 @@ $control-group-stack: (
105105
box-shadow: input-transition-shadow($input-shadow-color-focus, true), $input-box-shadow-focus;
106106
}
107107

108+
&[type="search"],
108109
&.#{$ns}-round {
109110
border-radius: $pt-input-height;
110111
// override normalize.css
@@ -151,6 +152,7 @@ $control-group-stack: (
151152
height: $pt-input-height-large;
152153
line-height: $pt-input-height-large;
153154

155+
&[type="search"],
154156
&.#{$ns}-round {
155157
padding: 0 ($input-padding-horizontal * 1.5);
156158
}
@@ -163,6 +165,7 @@ $control-group-stack: (
163165
padding-left: $input-small-padding;
164166
padding-right: $input-small-padding;
165167

168+
&[type="search"],
166169
&.#{$ns}-round {
167170
padding: 0 ($input-small-padding * 1.5);
168171
}

packages/core/src/components/forms/input-group.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,11 @@ For _multiline text_: use [**TextArea**](#core/components/text-area) instead.
3030

3131
@## Search input
3232

33-
Apply the attribute `type="search"` to enable a handler for the <kbd>esc</kbd> key to clear the text in a search field forå some browsers.
33+
Apply the attribute `type="search"` to style a text input as a search field. This styling is equivalent
34+
to what is applied using the `Classes.ROUND` modifier class&mdash;it is automatically applied for `[type="search"]`
35+
inputs.
36+
37+
Note that some browsers also implement a handler for the <kbd>esc</kbd> key to clear the text in a search field.
3438

3539
@reactExample SearchInputExample
3640

0 commit comments

Comments
 (0)