1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-21 16:55:10 -05:00

CSS: MUC names

This commit is contained in:
Sebastien Hut 2015-01-24 16:03:12 +01:00
parent 204c2568d1
commit 4b92a8822d
4 changed files with 12 additions and 16 deletions

View File

@ -491,7 +491,7 @@ exports.pages.chat = function anonymous(locals) {
exports.pages.groupchat = function anonymous(locals) {
var buf = [];
with (locals || {}) {
buf.push('<section class="page chat"><section class="group conversation"><header class="online"><h1><span class="prefix">#</span><span class="name"></span><i class="channel_actions fa fa-chevron-down"></i><span contenteditable="true" spellcheck="false" class="status"></span></h1></header><ul class="messages"></ul><a id="members_toggle"><i class="fa fa-user"></i><span id="members_toggle_count"></span></a><ul class="groupRoster"></ul><div class="chatBox"><form class="formwrap"><textarea name="chatInput" type="text" placeholder="Send a message..." autocomplete="off"></textarea></form></div></section></section>');
buf.push('<section class="page chat"><section class="group conversation"><header class="online"><h1><span class="prefix">#</span><span class="name"></span><i class="channel_actions fa fa-comments-o"></i><span contenteditable="true" spellcheck="false" class="status"></span></h1></header><ul class="messages"></ul><a id="members_toggle"><i class="fa fa-user"></i><span id="members_toggle_count"></span></a><ul class="groupRoster"></ul><div class="chatBox"><form class="formwrap"><textarea name="chatInput" type="text" placeholder="Send a message..." autocomplete="off"></textarea></form></div></section></section>');
}
return buf.join("");
};

View File

@ -4,7 +4,7 @@ section.page.chat
h1
span.prefix #
span.name
i.channel_actions.fa.fa-chevron-down
i.channel_actions.fa.fa-comments-o
span.status(contenteditable="true", spellcheck="false")
ul.messages
a#members_toggle

View File

@ -1002,9 +1002,6 @@ button.secondary:hover:not(:disabled) {
display: inline-block;
height: 53px;
}
.conversation header h1:hover .prefix {
color: #555459;
}
.conversation header .prefix,
.conversation header .name,
.conversation header .user_presence,
@ -1023,7 +1020,7 @@ button.secondary:hover:not(:disabled) {
font-weight: 500;
margin-left: 25px;
line-height: 53px;
cursor: pointer;
cursor: default;
}
.conversation header .name {
font-size: 22px;
@ -1032,18 +1029,18 @@ button.secondary:hover:not(:disabled) {
text-overflow: ellipsis;
padding-left: 3px;
line-height: 53px;
cursor: pointer;
cursor: default;
}
.conversation header .user_presence,
.conversation header .channel_actions {
font-size: 12px;
color: #9e9ea6;
padding-left: 8px;
line-height: 53px;
cursor: pointer;
cursor: default;
}
.conversation header .user_presence {
padding-top: 5px;
font-size: 12px;
}
.conversation header .user_presence.online {
color: #4c9689;
@ -1073,6 +1070,7 @@ button.secondary:hover:not(:disabled) {
}
.conversation .channel_actions {
opacity: 1;
font-size: 20px;
}
.conversation .status {
color: #9e9ea6;

View File

@ -38,9 +38,6 @@
display: inline-block
height: 53px
&:hover .prefix
color: $gray-dark
.prefix, .name, .user_presence, .channel_actions, .status
display: inline-block
color: $gray-dark
@ -55,7 +52,7 @@
font-weight: $font-weight-classic
margin-left: 25px
line-height: 53px
cursor: pointer
cursor: default
.name
font-size: $font-size-h2
@ -64,17 +61,17 @@
text-overflow: ellipsis
padding-left: 3px
line-height: 53px
cursor: pointer
cursor: default
.user_presence, .channel_actions
font-size: $font-size-small
color: $gray
padding-left: 8px
line-height: 53px
cursor: pointer
cursor: default
.user_presence
padding-top: 5px
font-size: $font-size-small
&.online
color: $green
@ -103,6 +100,7 @@
.channel_actions
opacity: 1
font-size: 20px
.status
color: $gray