diff options
author | Joas Schilling <coding@schilljs.com> | 2019-10-14 10:33:52 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2019-10-14 10:34:40 +0300 |
commit | 827c184c8d142db2cb3c0192f9fffd6781d15a90 (patch) | |
tree | 16233541a23df4a20cd4f6d67cd6baace094b480 | |
parent | 4d3356ec972366abc4be2bcd2a3e555ad198866d (diff) |
Fix spaces and units
Signed-off-by: Joas Schilling <coding@schilljs.com>
-rw-r--r-- | src/components/MessagesList/Message/Message.vue | 16 | ||||
-rw-r--r-- | src/components/MessagesList/MessageBody/MessageBody.vue | 8 | ||||
-rw-r--r-- | src/components/Navigation/AppNavigationSearch/AppNavigationSearch.vue | 2 | ||||
-rw-r--r-- | src/components/Navigation/Navigation.vue | 2 | ||||
-rw-r--r-- | src/components/NewMessageForm/AdvancedInput/AdvancedInput.vue | 6 | ||||
-rw-r--r-- | src/store/conversations.js | 28 | ||||
-rw-r--r-- | src/store/messages.js | 42 | ||||
-rw-r--r-- | src/views/ChatView.vue | 2 |
8 files changed, 53 insertions, 53 deletions
diff --git a/src/components/MessagesList/Message/Message.vue b/src/components/MessagesList/Message/Message.vue index fcce5766e..e8b266fcf 100644 --- a/src/components/MessagesList/Message/Message.vue +++ b/src/components/MessagesList/Message/Message.vue @@ -121,15 +121,15 @@ export default { .wrapper { width: 100%; - padding: 0px 0 0px 0; + padding: 0 0 0 0; &:focus { background-color: rgba(47, 47, 47, 0.068); } } .message { - display: flex; - max-width: 600px; + display: flex; + max-width: 600px; padding: 8px 0 8px 0; margin: auto; &-avatar { @@ -141,13 +141,13 @@ export default { display: flex; min-width: 110px; color: #989898; - padding: 0px 8px 0 8px; + padding: 0 8px 0 8px; } -.actions { - position: absolute; - margin: -14px 0 0 50px; - padding:2px; + .actions { + position: absolute; + margin: -14px 0 0 50px; + padding:2px; } } diff --git a/src/components/MessagesList/MessageBody/MessageBody.vue b/src/components/MessagesList/MessageBody/MessageBody.vue index 42703c6f7..17d04ea64 100644 --- a/src/components/MessagesList/MessageBody/MessageBody.vue +++ b/src/components/MessagesList/MessageBody/MessageBody.vue @@ -84,11 +84,11 @@ export default { } .message { - &-main { - display: flex; + &-main { + display: flex; flex-grow: 1; - flex-direction: column; - font-size: 20; + flex-direction: column; + font-size: 20px; &-header { color: var(--color-text-maxcontrast); } diff --git a/src/components/Navigation/AppNavigationSearch/AppNavigationSearch.vue b/src/components/Navigation/AppNavigationSearch/AppNavigationSearch.vue index 904bda392..816c1e89c 100644 --- a/src/components/Navigation/AppNavigationSearch/AppNavigationSearch.vue +++ b/src/components/Navigation/AppNavigationSearch/AppNavigationSearch.vue @@ -91,7 +91,7 @@ export default { .app-navigation-search { position: sticky; - top: 0px; + top: 0; background-color: white; border-bottom: 1px solid lightgray; &__input { diff --git a/src/components/Navigation/Navigation.vue b/src/components/Navigation/Navigation.vue index c98770067..068794caa 100644 --- a/src/components/Navigation/Navigation.vue +++ b/src/components/Navigation/Navigation.vue @@ -98,7 +98,7 @@ export default { .settings { position: sticky; - bottom: 0px; + bottom: 0; border-top: 1px solid lightgray; } </style> diff --git a/src/components/NewMessageForm/AdvancedInput/AdvancedInput.vue b/src/components/NewMessageForm/AdvancedInput/AdvancedInput.vue index b4f0acdcd..5bb0637fa 100644 --- a/src/components/NewMessageForm/AdvancedInput/AdvancedInput.vue +++ b/src/components/NewMessageForm/AdvancedInput/AdvancedInput.vue @@ -90,8 +90,8 @@ export default { <style lang="scss" scoped> //Support for the placehoder text in the div contenteditable [contenteditable]:empty:before{ - content: attr(placeholder); - display: block; - color: gray; + content: attr(placeholder); + display: block; + color: gray; } </style> diff --git a/src/store/conversations.js b/src/store/conversations.js index 74af5df61..754af4f86 100644 --- a/src/store/conversations.js +++ b/src/store/conversations.js @@ -35,23 +35,23 @@ const getters = { const mutations = { /** - * Adds a conversation to the store. + * Adds a conversation to the store. * - * @param {object} state current store state; - * @param {object} conversation the conversation; - */ + * @param {object} state current store state; + * @param {object} conversation the conversation; + */ addConversation(state, conversation) { Vue.set(state.conversations, conversation.id, conversation) }, /** - * Creates a key-value pair with conversation id and name + * Creates a key-value pair with conversation id and name * respectively. * - * @param {object} state current state object; - * @param {object} object destructuring object; - * @param {int} object.id conversation id; - * @param {string} object.displayName conversation name; - */ + * @param {object} state current state object; + * @param {object} object destructuring object; + * @param {int} object.id conversation id; + * @param {string} object.displayName conversation name; + */ indexConversationName(state, { id, displayName }) { Vue.set(state.conversationsNames, id, displayName) } @@ -59,11 +59,11 @@ const mutations = { const actions = { /** - * Add a conversation to the store and index the displayname. + * Add a conversation to the store and index the displayname. * - * @param {object} context default store context; - * @param {object} conversation the conversation; - */ + * @param {object} context default store context; + * @param {object} conversation the conversation; + */ addConversation(context, conversation) { context.commit('addConversation', conversation) context.commit('indexConversationName', conversation) diff --git a/src/store/messages.js b/src/store/messages.js index fe470b789..3879bc7d1 100644 --- a/src/store/messages.js +++ b/src/store/messages.js @@ -43,10 +43,10 @@ const getters = { const mutations = { /** - * Adds a message to the store. - * @param {object} state current store state; - * @param {object} message the message; - */ + * Adds a message to the store. + * @param {object} state current store state; + * @param {object} message the message; + */ addMessage(state, message) { if (!state.messages[message.token]) { Vue.set(state.messages, message.token, {}) @@ -54,18 +54,18 @@ const mutations = { Vue.set(state.messages[message.token], message.id, message) }, /** - * Deletes a message from the store. - * @param {object} state current store state; - * @param {object} message the message; - */ + * Deletes a message from the store. + * @param {object} state current store state; + * @param {object} message the message; + */ deleteMessage(state, message) { Vue.delete(state.messages[message.token], message.id) }, /** - * Adds a temporary message to the store. - * @param {object} state current store state; - * @param {object} message the temporary message; - */ + * Adds a temporary message to the store. + * @param {object} state current store state; + * @param {object} message the temporary message; + */ addTemporaryMessage(state, message) { Vue.set(state.messages[message.token], message.id, message) } @@ -79,9 +79,9 @@ const actions = { * If the message has a parent message object, * first it adds the parent to the store. * - * @param {object} context default store context; + * @param {object} context default store context; * @param {object} message the message; - */ + */ processMessage(context, message) { if (message.parent) { context.commit('addMessage', message.parent) @@ -91,23 +91,23 @@ const actions = { }, /** - * Delete a message + * Delete a message * - * @param {object} context default store context; - * @param {string} message the message to be deleted; - */ + * @param {object} context default store context; + * @param {string} message the message to be deleted; + */ deleteMessage(context, message) { context.commit('deleteMessage', message) }, /** - * Add a temporary message generated in the client to + * Add a temporary message generated in the client to * the store, these messages are deleted once the full * message object is recived from the server. * - * @param {object} context default store context; + * @param {object} context default store context; * @param {object} message the temporary message; - */ + */ addTemporaryMessage(context, message) { context.commit('addTemporaryMessage', message) } diff --git a/src/views/ChatView.vue b/src/views/ChatView.vue index 41197bd5e..303be2bd2 100644 --- a/src/views/ChatView.vue +++ b/src/views/ChatView.vue @@ -27,7 +27,7 @@ export default { <style lang="scss" scoped> .chatview { height: 100%; - display: flex; + display: flex; flex-grow: 1; flex-direction: column; align-content: space-between; |