Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-09-20 23:36:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(search): New X, focus styling for search

Browse source 
Fixes T3485
This commit is contained in:
Ben Gotow 2015-10-27 11:28:11 -07:00
parent 3a5f667a0b
commit 659bac0069
4 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
internal_packages/search-bar/lib/search-bar.cjsx
View file

@ -57,9 +57,11 @@ class SearchBar extends React.Component
key="accessory"
mode={RetinaImg.Mode.ContentDark}
onClick={@_doSearch} />
<div className="search-accessory clear"
key="clear"
onClick={@_onClearSearch}><i className="fa fa-remove"></i></div>
<RetinaImg className="search-accessory clear"
name="searchclear.png"
key="clear"
mode={RetinaImg.Mode.ContentDark}
onClick={@_onClearSearch} />
]
itemContentFunc = (item) =>

2
internal_packages/search-bar/stylesheets/search-bar.less
View file

@ -74,8 +74,8 @@
&.clear {
position: absolute;
top: 4px;
right: 4px;
color: @input-accessory-color;
right: @padding-base-horizontal;
display: none;
}
}

BIN
static/images/search/searchclear@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 48 KiB

3
static/inputs.less
View file

@ -34,7 +34,8 @@ input[type="url"] {
input[type="text"]:focus,
input[type="email"]:focus, {
&.input-bordered {
box-shadow: 0 0 3px @accent-primary;
border: 1px solid @accent-primary;
box-shadow: 0 0 1.5px @accent-primary;
}
}
body.platform-win32 {