diff --git a/less/chats.less b/less/chats.less index b874f3d..d72a987 100644 --- a/less/chats.less +++ b/less/chats.less @@ -56,7 +56,12 @@ font-weight: bold; i { - font-size: 1rem; + font-size: 14px; + vertical-align: center; + + &.fa-keyboard-o { + .animation(topic-reply-pulse 2s ease-in infinite); + } } } @@ -65,32 +70,65 @@ } } - ul.well { + .chat-content { + .fix-lists; height: 250px; overflow-y: auto; + overflow-x: hidden; resize: none; word-wrap: break-word; + padding: 0; + margin: 0; - li { + li.chat-message { list-style-type: none; - margin-bottom: 10px; font-weight: 300; + padding: 0 1.428rem; + + &:first-child { + padding-top: 1.428rem; + } - .chat-user-image { - width: 20px; - height: 20px; + &:last-child { + padding-bottom: 1.428rem; + } + + &[data-break="true"] { + padding-top: 1rem; + margin-top: 1rem; + border-top: 1px solid @gray-lighter; + } + + a { + display: block; + float: left; + + .chat-user-image { + width: 32px; + height: 32px; + } + } + + .chat-user { + display: inline-block; + margin-left: 13px; } .chat-timestamp { - color: darkgrey; - min-width: 60px; + color: @gray-light; + font-size: 1rem; display: inline-block; - text-align: right; + margin-left: 10px; .user-select(none); } .message-body { - clear: both; + margin-left: 45px; + + p { + margin: 7px 0 0 0; + line-height: 2rem; + } } &[data-self="0"] + [data-self="0"], &[data-self="1"] + [data-self="1"] { @@ -104,8 +142,8 @@ } .user-typing { - margin-top: -1.5em; - .opacity(0.5); + color: @gray-light; + margin: 1.428rem 0; } .selected[data-since] { diff --git a/less/mixins.less b/less/mixins.less index fa9e0e0..e3f0449 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -46,4 +46,22 @@ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; +} + +.fix-lists { + ul { + > li { + list-style-type: disc; + + ul > li { + list-style-type: circle; + + ul > li { + list-style-type: square; + } + } + } + + margin-bottom: 10px; + } } \ No newline at end of file diff --git a/less/topic.less b/less/topic.less index 0152acc..9b3dd87 100644 --- a/less/topic.less +++ b/less/topic.less @@ -239,21 +239,7 @@ } .content { - ul { - > li { - list-style-type: disc; - - ul > li { - list-style-type: circle; - - ul > li { - list-style-type: square; - } - } - } - - margin-bottom: 10px; - } + .fix-lists; blockquote { font-size: 85%; diff --git a/package.json b/package.json index d4cdc83..2e0bb46 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "nodebb-theme-persona", - "version": "1.0.19", + "version": "1.0.26", "nbbpm": { "compatibility": "^0.7.1" }, diff --git a/templates/chat.tpl b/templates/chat.tpl index 25ee726..1ae2536 100644 --- a/templates/chat.tpl +++ b/templates/chat.tpl @@ -5,18 +5,18 @@