neale
/
spongy-client-chrome
mirror of https://github.com/nealey/spongy-client-chrome
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Prettier and hidable left hand side

This commit is contained in:
Neale Pickett 2014-10-31 16:09:52 -06:00
parent 3fcd89166c
commit 99471345d3
3 changed files with 46 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
app/message_style.css
View File

@ -1,5 +1,5 @@
.message.system {
color: #505053;
.message.mode, .message.nick, .message.join {
color: #606043;
}
.message.notice {
@ -41,125 +41,125 @@
color: #ea0d68;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='0'] {
.message:not(.self) .source-content-container .source[colornumber='0'] {
color: #0080ff;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='1'] {
.message:not(.self) .source-content-container .source[colornumber='1'] {
color: #059005;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='2'] {
.message:not(.self) .source-content-container .source[colornumber='2'] {
color: #a80054;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='3'] {
.message:not(.self) .source-content-container .source[colornumber='3'] {
color: #9b0db1;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='4'] {
.message:not(.self) .source-content-container .source[colornumber='4'] {
color: #108860;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='5'] {
.message:not(.self) .source-content-container .source[colornumber='5'] {
color: #7F4FFF;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='6'] {
.message:not(.self) .source-content-container .source[colornumber='6'] {
color: #58701a;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='7'] {
.message:not(.self) .source-content-container .source[colornumber='7'] {
color: #620a8e;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='8'] {
.message:not(.self) .source-content-container .source[colornumber='8'] {
color: #BB0008;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='9'] {
.message:not(.self) .source-content-container .source[colornumber='9'] {
color: #44345f;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='10'] {
.message:not(.self) .source-content-container .source[colornumber='10'] {
color: #2f5353;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='11'] {
.message:not(.self) .source-content-container .source[colornumber='11'] {
color: #904000;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='12'] {
.message:not(.self) .source-content-container .source[colornumber='12'] {
color: #808000;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='13'] {
.message:not(.self) .source-content-container .source[colornumber='13'] {
color: #57797e;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='14'] {
.message:not(.self) .source-content-container .source[colornumber='14'] {
color: #3333dd;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='15'] {
.message:not(.self) .source-content-container .source[colornumber='15'] {
color: #5f4d22;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='16'] {
.message:not(.self) .source-content-container .source[colornumber='16'] {
color: #706616;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='17'] {
.message:not(.self) .source-content-container .source[colornumber='17'] {
color: #46799c;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='18'] {
.message:not(.self) .source-content-container .source[colornumber='18'] {
color: #80372e;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='19'] {
.message:not(.self) .source-content-container .source[colornumber='19'] {
color: #8F478E;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='20'] {
.message:not(.self) .source-content-container .source[colornumber='20'] {
color: #5b9e4c;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='21'] {
.message:not(.self) .source-content-container .source[colornumber='21'] {
color: #13826c;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='22'] {
.message:not(.self) .source-content-container .source[colornumber='22'] {
color: #b13637;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='23'] {
.message:not(.self) .source-content-container .source[colornumber='23'] {
color: #e45d59;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='24'] {
.message:not(.self) .source-content-container .source[colornumber='24'] {
color: #1b51ae;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='25'] {
.message:not(.self) .source-content-container .source[colornumber='25'] {
color: #4855ac;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='26'] {
.message:not(.self) .source-content-container .source[colornumber='26'] {
color: #7f1d86;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='27'] {
.message:not(.self) .source-content-container .source[colornumber='27'] {
color: #73643f;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='28'] {
.message:not(.self) .source-content-container .source[colornumber='28'] {
color: #0b9578;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='29'] {
.message:not(.self) .source-content-container .source[colornumber='29'] {
color: #569c96;
}
.message.privmsg:not(.self) .source-content-container .source[colornumber='30'] {
.message:not(.self) .source-content-container .source[colornumber='30'] {
color: #08465f;
}

30
app/style.css
View File

@ -362,7 +362,7 @@ ul {
.source-content-container {
display: table-cell;
padding: 4px 10px 4px 15px;
padding: 1px 10px 1px 15px;
width: 100%;
}
@ -384,6 +384,7 @@ ul {
display: inline;
white-space: pre-wrap;
cursor: text;
word-break: break-word;
}
#messages-container .messages .message:first-child .source-content-container {
@ -394,33 +395,6 @@ ul {
padding-bottom: 8px;
}
.message:not(.privmsg) + .message.privmsg .source-content-container {
padding-top: 4px;
padding-bottom: 1px;
}
.message.privmsg + .message.privmsg .source-content-container {
padding-top: 1px;
padding-bottom: 1px;
}
.message:not(.group) + .message.group .source-content-container {
padding-top: 4px;
padding-bottom: 0px;
}
.message.group + .message.group .source-content-container {
padding-top: 0px;
padding-bottom: 0px;
}
.message:not(.notice-group) + .message.notice-group .source-content-container {
padding-top: 4px;
padding-bottom: 0px;
}
.message.notice-group + .message.notice-group .source-content-container {
padding-top: 0px;
padding-bottom: 0px;
}
.message.list {
/* empty style for now */
}

11
app/wirc.js
View File

@ -65,6 +65,16 @@ function handleInput(oEvent) {
return false;
}
function hideChannels(oEvent) {
var lhs = document.getElementById("rooms-and-nicks");
if (lhs.classList.contains("hidden")) {
lhs.classList.remove("hidden");
} else {
lhs.classList.add("hidden");
}
}
function restore(items) {
storedConnections = items["connections"];
@ -78,6 +88,7 @@ function restore(items) {
function init() {
chrome.storage.sync.get(["connections"], restore);
document.getElementById("input").addEventListener("change", handleInput);
document.getElementById("hide-channels").addEventListener("click", hideChannels);
templates = document.getElementById("templates");
rooms = document.getElementById("rooms-container").getElementsByClassName("rooms")[0];