PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

prettier icon

Browse source
This commit is contained in:
Matthew Hodgson 2016-04-15 18:05:57 +01:00
parent 26d12bebe4
commit 51bc18aef0
3 changed files with 24 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/structures/SearchBox.js
View file

@ -74,7 +74,7 @@ module.exports = React.createClass({
<TintableSvg <TintableSvg
key="button" key="button"
className="mx_SearchBox_searchButton" className="mx_SearchBox_searchButton"
src="img/search.svg" width="21" height="19" src="img/right_search.svg" width="24" height="24"
/>, />,
<input <input
key="searchfield" key="searchfield"

7
src/skins/vector/css/matrix-react-sdk/structures/SearchBox.css
View file

@ -16,10 +16,10 @@ limitations under the License.
.mx_SearchBox { .mx_SearchBox {
height: 24px; height: 24px;
margin-left: 20px; margin-left: 16px;
margin-right: 20px; margin-right: 20px;
padding-top: 26px; padding-top: 26px;
padding-bottom: 20px; padding-bottom: 24px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: flex; display: flex;
@ -35,8 +35,8 @@ limitations under the License.
-webkit-flex: 1; -webkit-flex: 1;
font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
font-size: 12px; font-size: 12px;
margin-top: -2px;
height: 24px; height: 24px;
margin-top: -4px;
border: 0px ! important; border: 0px ! important;
/* border-bottom: 1px solid rgba(0, 0, 0, 0.1) ! important; */ /* border-bottom: 1px solid rgba(0, 0, 0, 0.1) ! important; */
background-color: transparent; background-color: transparent;
@ -45,6 +45,7 @@ limitations under the License.
.mx_SearchBox_minimise, .mx_SearchBox_minimise,
.mx_SearchBox_maximise { .mx_SearchBox_maximise {
margin-top: 3px;
cursor: pointer; cursor: pointer;
} }

19
src/skins/vector/img/right_search.svg Normal file
View file

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7 (28169) - http://www.bohemiancoding.com/sketch -->
<title>right_search</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Room-header/Vector-Design" transform="translate(-710.000000, -25.000000)">
<g id="right_search" transform="translate(710.000000, 25.000000)">
<g id="Oval-1-Copy-7-+-Group-Copy-5-Copy-Copy-Copy-Copy-Copy-Copy-Copy-Copy-Copy-Copy" fill="#76CFA6">
<circle id="Oval-1-Copy-7" cx="12" cy="12" r="12"></circle>
</g>
<text id="" font-family="FontAwesome" font-size="14" font-weight="normal" fill="#FFFFFF">
<tspan x="5" y="16"></tspan>
</text>
</g>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB