Hacky hardcoded css for join button

This commit is contained in:
David Baker 2016-09-23 15:26:08 +01:00
parent 8e1105b12a
commit a070bccffb
2 changed files with 35 additions and 0 deletions

View file

@ -32,6 +32,23 @@ input[type=text].mx_DirectorySearchBox_input:focus {
border: 0;
}
.mx_DirectorySearchBox_joinButton {
position: absolute;
right: 30px;
top: 5px;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
background-color: #efefef;
border-radius: 3px;
background-image: url('img/icon-return.svg');
background-position: 8px 70%;
background-repeat: no-repeat;
text-indent: 18px;
font-weight: 600;
font-size: 12px;
}
.mx_DirectorySearchBox_clear {
position: absolute;
right: 0px;

View file

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="12px" height="11px" viewBox="0 0 12 11" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
<title>B542A09B-DBBF-41D4-A5FD-D05EE1E6BBC4</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Create-group" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Chat-Directory-search-result-ID" transform="translate(-553.000000, -97.000000)" stroke="#4A4A4A">
<g id="icon_return" transform="translate(554.000000, 97.000000)">
<polyline id="Rectangle" points="7.5 0.5 10.5 0.5 10.5 6.5 0 6.5"></polyline>
<g id="Group" transform="translate(0.000000, 1.954545)" stroke-linecap="square">
<path d="M0.227272727,4.40909091 L4.25946916,0.376894528" id="Line"></path>
<path d="M0.227272727,8.44128729 L4.25946916,4.40909091" id="Line-Copy-7" transform="translate(2.243371, 6.425189) scale(1, -1) translate(-2.243371, -6.425189) "></path>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB