mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Tighten up left pane layout style

Browse source 
// FREEBIE
This commit is contained in:
lilia 2016-03-18 18:02:43 -07:00
parent 7310afd1b4
commit 928c19a476
3 changed files with 18 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

1
stylesheets/_global.scss
View file

@ -29,6 +29,7 @@ body {
} }
#header { #header {
background-color: $blue;
h1 { h1 {
margin: 0; margin: 0;
line-height: 64px; line-height: 64px;

6
stylesheets/_index.scss
View file

@ -10,7 +10,6 @@
.gutter { .gutter {
color: #000000; color: #000000;
background-color: $blue;
float: left; float: left;
width: 300px; width: 300px;
.content { .content {
@ -47,7 +46,6 @@
} }
.conversation-stack { .conversation-stack {
padding-left: 300px;
.conversation { .conversation {
display: none; display: none;
} }
@ -92,7 +90,7 @@ input.search {
.tool-bar { .tool-bar {
background: $grey_l; background: $grey_l;
padding: 2px; padding: 2px 1px 1px;
button.show-new-conversation { button.show-new-conversation {
float: right; float: right;
@ -213,7 +211,7 @@ input.search {
.conversation.placeholder { .conversation.placeholder {
text-align: center; text-align: center;
padding-top: 100px; padding: 100px 36px;
color: #aaa; color: #aaa;
} }
.contact.placeholder { .contact.placeholder {

31
stylesheets/manifest.css
View file

@ -37,13 +37,15 @@ body {
.hide { .hide {
display: none; } display: none; }
#header h1 { #header {
margin: 0; background-color: #2090ea; }
line-height: 64px; #header h1 {
padding-left: 20px; margin: 0;
font-size: 22px; line-height: 64px;
color: #ffffff; padding-left: 20px;
font-weight: normal; } font-size: 22px;
color: #ffffff;
font-weight: normal; }
.title-text { .title-text {
height: 36px; height: 36px;
@ -433,7 +435,6 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu
.gutter { .gutter {
color: #000000; color: #000000;
background-color: #2090ea;
float: left; float: left;
width: 300px; } width: 300px; }
.gutter .content { .gutter .content {
@ -459,12 +460,10 @@ input[type=text]:active, input[type=text]:focus, input[type=search]:active, inpu
.socket-status .closed { .socket-status .closed {
background: url("/images/error_red.png") no-repeat left center; } background: url("/images/error_red.png") no-repeat left center; }
.conversation-stack { .conversation-stack .conversation {
padding-left: 300px; } display: none; }
.conversation-stack .conversation { .conversation-stack .conversation:first-child {
display: none; } display: block; }
.conversation-stack .conversation:first-child {
display: block; }
.conversation-header { .conversation-header {
height: 64px; height: 64px;
@ -496,7 +495,7 @@ input.search {
.tool-bar { .tool-bar {
background: #f3f3f3; background: #f3f3f3;
padding: 2px; } padding: 2px 1px 1px; }
.tool-bar button.show-new-conversation { .tool-bar button.show-new-conversation {
float: right; float: right;
height: 36px; height: 36px;
@ -584,7 +583,7 @@ input.search {
.conversation.placeholder { .conversation.placeholder {
text-align: center; text-align: center;
padding-top: 100px; padding: 100px 36px;
color: #aaa; } color: #aaa; }
.contact.placeholder { .contact.placeholder {