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

Less hardcoded CSS

Browse source
This commit is contained in:
David Baker 2016-09-23 15:58:28 +01:00
parent a070bccffb
commit fb477fad1e
1 changed files with 13 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/skins/vector/css/matrix-react-sdk/views/elements/DirectorySearchBox.css
View file

@ -18,11 +18,15 @@ limitations under the License.
position: relative; position: relative;
border-radius: 3px; border-radius: 3px;
border: 1px solid #c7c7c7; border: 1px solid #c7c7c7;
}
.mx_DirectorySearchBox_container {
display: table;
padding-left: 9px; padding-left: 9px;
padding-right: 25px;
} }
.mx_DirectorySearchBox_input { .mx_DirectorySearchBox_input {
display: table-cell;
border: 0; border: 0;
padding: 0; padding: 0;
font-weight: 300; font-weight: 300;
@ -33,9 +37,7 @@ input[type=text].mx_DirectorySearchBox_input:focus {
} }
.mx_DirectorySearchBox_joinButton { .mx_DirectorySearchBox_joinButton {
position: absolute; display: table-cell;
right: 30px;
top: 5px;
padding: 3px; padding: 3px;
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
@ -49,13 +51,16 @@ input[type=text].mx_DirectorySearchBox_input:focus {
font-size: 12px; font-size: 12px;
} }
.mx_DirectorySearchBox_clear_wrapper {
display: table-cell;
}
.mx_DirectorySearchBox_clear { .mx_DirectorySearchBox_clear {
position: absolute;
right: 0px;
display: inline-block; display: inline-block;
top: 10px; vertical-align: middle;
right: 10px;
background: url('img/icon_context_delete.svg'); background: url('img/icon_context_delete.svg');
background-position: 0 50%;
background-repeat: no-repeat;
width: 15px; width: 15px;
height: 15px; height: 15px;
cursor: pointer; cursor: pointer;