Shorten the search box
This keeps it the same width as the conversation list items. Also make those overflow-y: scroll so that they are consistent width, whether or not they are currently overflowing. // FREEBIE
This commit is contained in:
parent
9be5efc571
commit
65231f4864
2 changed files with 4 additions and 2 deletions
|
@ -21,6 +21,7 @@
|
|||
margin: 10px 0;
|
||||
width: 300px;
|
||||
.conversations {
|
||||
overflow-y: scroll;
|
||||
height: calc(100% - 20px);
|
||||
width: 100%;
|
||||
}
|
||||
|
@ -98,7 +99,7 @@ input.search {
|
|||
|
||||
input.search {
|
||||
height: $header-height - 10px;
|
||||
width: 280px;
|
||||
width: 270px;
|
||||
background: rgba(255,255,255,0.2);
|
||||
margin: 10px;
|
||||
padding: 5px;
|
||||
|
|
|
@ -421,6 +421,7 @@ img.emoji {
|
|||
margin: 10px 0;
|
||||
width: 300px; }
|
||||
.gutter .conversations {
|
||||
overflow-y: scroll;
|
||||
height: calc(100% - 20px);
|
||||
width: 100%; }
|
||||
|
||||
|
@ -476,7 +477,7 @@ input.search {
|
|||
background-color: #ebebeb; }
|
||||
.tool-bar input.search {
|
||||
height: 26px;
|
||||
width: 280px;
|
||||
width: 270px;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
margin: 10px;
|
||||
padding: 5px; }
|
||||
|
|
Loading…
Reference in a new issue