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

Change colors and backgrounds

Browse source
This commit is contained in:
lilia 2015-08-27 17:01:34 -07:00
parent e8b4bd708e
commit fbb50e6621
5 changed files with 23 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
images/icon_tile.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
stylesheets/_conversation.scss
View file

@ -117,6 +117,7 @@
margin: 0;
padding: 1em 0;
overflow-y: auto;
background-color: #ffffff;
.timestamp {
cursor: pointer;

9
stylesheets/_global.scss
View file

@ -267,17 +267,20 @@ $avatar-size: 44px;
.contact {
position: relative;
padding: 12px;
background: white;
cursor: pointer;
transition: background 0.2s;
white-space: nowrap;
overflow: hidden;
box-shadow: 0 1px 3px rgba(#aaa, 0.8);
box-shadow: 0 0px 1px rgba(#aaa, 0.8);
&:hover {
background: #f8f8f8;
}
&.selected {
background: $blue;
color: #ffffff;
}
&:last-child::after {
display: none;
}

5
stylesheets/_index.scss
View file

@ -1,4 +1,5 @@
.gutter {
background: $grey_l;
padding: $header-height 0 0;
}
@ -50,6 +51,7 @@
}
.conversation-stack {
background: url('/images/icon_tile.png');
padding-left: 300px;
padding-top: $header-height;
.conversation {
@ -114,6 +116,9 @@ input.search {
font-size: smaller;
}
.new-contact, .contacts {
background: $grey_l;
}
.new-contact {
display: none;
.contact-name { display: none; }

15
stylesheets/manifest.css
View file

@ -224,14 +224,15 @@ img.emoji {
.contact {
position: relative;
padding: 12px;
background: white;
cursor: pointer;
transition: background 0.2s;
white-space: nowrap;
overflow: hidden;
box-shadow: 0 1px 3px rgba(170, 170, 170, 0.8); }
box-shadow: 0 0px 1px rgba(170, 170, 170, 0.8); }
.contact:hover {
background: #f8f8f8; }
.contact.selected {
background: #2090ea;
color: #ffffff; }
.contact:last-child::after {
display: none; }
.contact .contact-details {
@ -345,6 +346,7 @@ img.emoji {
to {
transform: rotate(360deg); } }
.gutter {
background: #f3f3f3;
padding: 36px 0 0; }
.conversation-stack,
@ -379,6 +381,7 @@ img.emoji {
background: url("/images/error_red.png") no-repeat left center; }
.conversation-stack {
background: url("/images/icon_tile.png");
padding-left: 300px;
padding-top: 36px; }
.conversation-stack .conversation {
@ -429,6 +432,9 @@ input.search {
.last-timestamp {
font-size: smaller; }
.new-contact, .contacts {
background: #f3f3f3; }
.new-contact {
display: none; }
.new-contact .contact-name {
@ -554,7 +560,8 @@ input.search {
.message-list {
margin: 0;
padding: 1em 0;
overflow-y: auto; }
overflow-y: auto;
background-color: #ffffff; }
.message-list .timestamp {
cursor: pointer; }
.message-list .timestamp:hover {