diff options
| author | Marco Ambrosini <marcoambrosini@pm.me> | 2020-01-16 21:27:04 +0100 |
|---|---|---|
| committer | Marco Ambrosini <marcoambrosini@pm.me> | 2020-01-16 22:04:52 +0100 |
| commit | 046a899163daf402b3694d0aab062d7d70638160 (patch) | |
| tree | 9f0fc74da8dac0cd4420ccfdd2bf08d01f6a76d5 | |
| parent | 882964ecc996d430cea6b3670cf677aa6ccbff32 (diff) | |
Fix layout bugs
Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
| -rw-r--r-- | src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue | 17 | ||||
| -rw-r--r-- | src/components/NewMessageForm/NewMessageForm.vue | 3 | ||||
| -rw-r--r-- | src/components/Quote.vue | 9 |
3 files changed, 15 insertions, 14 deletions
diff --git a/src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue b/src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue index 4d01688e3..f291cef31 100644 --- a/src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue +++ b/src/components/LeftSidebar/ConversationsList/AppContentListItem/AppContentListItem.vue @@ -33,14 +33,12 @@ <span class="acli__content__line-one__title"> {{ title }} </span> - <span> - <Actions - v-if="hasActions" - menu-align="right" - class="acli__content__line-one__actions"> - <slot name="actions" /> - </Actions> - </span> + <Actions + v-if="hasActions" + menu-align="right" + class="acli__content__line-one__actions"> + <slot name="actions" /> + </Actions> <span v-if="{hasDetails}" class="acli__content__line-one__details"> @@ -173,10 +171,11 @@ export default { &__title { overflow: hidden; flex-grow: 1; - padding-right: 4px; + padding-right: 48px; cursor: pointer; text-overflow: ellipsis; color: var(--color-main-text); + } &__actions { margin: -5px 0 -3px 0; diff --git a/src/components/NewMessageForm/NewMessageForm.vue b/src/components/NewMessageForm/NewMessageForm.vue index 1867155e4..9cb3afb7c 100644 --- a/src/components/NewMessageForm/NewMessageForm.vue +++ b/src/components/NewMessageForm/NewMessageForm.vue @@ -269,9 +269,6 @@ export default { margin-top: auto; background-color: transparent; border: none; - &.submit { - margin-left: 32px; - } } } } diff --git a/src/components/Quote.vue b/src/components/Quote.vue index df1147711..47513b087 100644 --- a/src/components/Quote.vue +++ b/src/components/Quote.vue @@ -210,8 +210,8 @@ export default { margin: 10px 0 10px 0; padding: 0 0 0 10px; display: flex; - max-width: $messages-list-max-width; - margin: 0 $message-utils-width 0 0; + max-width: $messages-list-max-width - $message-utils-width; + margin: 0; &__main { display: flex; flex-direction: column; @@ -221,6 +221,11 @@ export default { } &__text { color: var(--color-text-light); + & p { + max-width: 662px; + text-overflow: ellipsis; + overflow: hidden; + } } } &__right { |