thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix up contact list height off by 4px

Browse source 
Add some variables so we can actually compute this height instead of
hard coding it.

// FREEBIE
This commit is contained in:
lilia 2016-04-06 17:33:25 -07:00
parent 2d6d2a92b9
commit b5a399dc55
3 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
stylesheets/_index.scss
View file

@ -20,7 +20,7 @@
width: 300px; width: 300px;
.content { .content {
background-color: $grey_l; background-color: $grey_l;
height: calc(100% - 104px); height: calc(100% - #{$header-height} - #{$search-height});
} }
.conversations { .conversations {
@ -90,7 +90,7 @@ input.search {
padding: 0; padding: 0;
margin: 0; margin: 0;
outline: 0; outline: 0;
height: 36px; height: $search-height;
width: 100%; width: 100%;
padding: 10px; padding: 10px;
border: solid 1px $grey_l; border: solid 1px $grey_l;

2
stylesheets/_variables.scss
View file

@ -33,6 +33,8 @@ $header-height: 64px;
$button-height: 24px; $button-height: 24px;
$header-color: $blue; $header-color: $blue;
$search-height: 36px;
$unread-badge-size: 21px; $unread-badge-size: 21px;
$loading-height: 16px; $loading-height: 16px;

2
stylesheets/manifest.css
View file

@ -479,7 +479,7 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu
width: 300px; } width: 300px; }
.gutter .content { .gutter .content {
background-color: #f3f3f3; background-color: #f3f3f3;
height: calc(100% - 104px); } height: calc(100% - 64px - 36px); }
.gutter .conversations { .gutter .conversations {
overflow-y: scroll; overflow-y: scroll;
height: 100%; height: 100%;