From aa2cf51c05ebdf411d74af5debbbc8fa4d3cf457 Mon Sep 17 00:00:00 2001 From: eugenijm Date: Thu, 7 May 2020 16:10:53 +0300 Subject: Add Chats --- src/components/chat_panel/chat_panel.vue | 80 ++++++++++++++++---------------- 1 file changed, 41 insertions(+), 39 deletions(-) (limited to 'src/components/chat_panel/chat_panel.vue') diff --git a/src/components/chat_panel/chat_panel.vue b/src/components/chat_panel/chat_panel.vue index 3677722f..12968cfb 100644 --- a/src/components/chat_panel/chat_panel.vue +++ b/src/components/chat_panel/chat_panel.vue @@ -84,54 +84,56 @@ max-width: 25em; } -.chat-heading { - cursor: pointer; - .icon-comment-empty { - color: $fallback--text; - color: var(--text, $fallback--text); +.chat-panel { + .chat-heading { + cursor: pointer; + .icon-comment-empty { + color: $fallback--text; + color: var(--text, $fallback--text); + } } -} - -.chat-window { - overflow-y: auto; - overflow-x: hidden; - max-height: 20em; -} -.chat-window-container { - height: 100%; -} + .chat-window { + overflow-y: auto; + overflow-x: hidden; + max-height: 20em; + } -.chat-message { - display: flex; - padding: 0.2em 0.5em -} + .chat-window-container { + height: 100%; + } -.chat-avatar { - img { - height: 24px; - width: 24px; - border-radius: $fallback--avatarRadius; - border-radius: var(--avatarRadius, $fallback--avatarRadius); - margin-right: 0.5em; - margin-top: 0.25em; + .chat-message { + display: flex; + padding: 0.2em 0.5em } -} -.chat-input { - display: flex; - textarea { - flex: 1; - margin: 0.6em; - min-height: 3.5em; - resize: none; + .chat-avatar { + img { + height: 24px; + width: 24px; + border-radius: $fallback--avatarRadius; + border-radius: var(--avatarRadius, $fallback--avatarRadius); + margin-right: 0.5em; + margin-top: 0.25em; + } } -} -.chat-panel { - .title { + .chat-input { display: flex; - justify-content: space-between; + textarea { + flex: 1; + margin: 0.6em; + min-height: 3.5em; + resize: none; + } + } + + .chat-panel { + .title { + display: flex; + justify-content: space-between; + } } } -- cgit v1.2.3-70-g09d2 From 96929d9930e6960c2c13d2ce7e960bd1d900920e Mon Sep 17 00:00:00 2001 From: Lain Soykaf Date: Thu, 23 Jul 2020 17:31:35 +0200 Subject: ChatPanel: Rename `chat` to `shoutbox`. To remove confusion with the new ChatMessages. --- src/components/chat_panel/chat_panel.vue | 4 ++-- src/i18n/en.json | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) (limited to 'src/components/chat_panel/chat_panel.vue') diff --git a/src/components/chat_panel/chat_panel.vue b/src/components/chat_panel/chat_panel.vue index 12968cfb..ca529b5a 100644 --- a/src/components/chat_panel/chat_panel.vue +++ b/src/components/chat_panel/chat_panel.vue @@ -10,7 +10,7 @@ @click.stop.prevent="togglePanel" >
- {{ $t('chat.title') }} + {{ $t('shoutbox.title') }}
- {{ $t('chat.title') }} + {{ $t('shoutbox.title') }}
diff --git a/src/i18n/en.json b/src/i18n/en.json index dc714bce..6bc63cfd 100644 --- a/src/i18n/en.json +++ b/src/i18n/en.json @@ -29,8 +29,8 @@ }, "staff": "Staff" }, - "chat": { - "title": "Chat" + "shoutbox": { + "title": "Shoutbox" }, "domain_mute_card": { "mute": "Mute", -- cgit v1.2.3-70-g09d2