about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles
diff options
context:
space:
mode:
authorCutls <web-pro@cutls.com>2019-09-27 09:14:49 +0900
committerThibaut Girka <thib@sitedethib.com>2019-09-30 17:01:16 +0200
commitddee0dd3821746fb999a3459480e7507f03dc559 (patch)
treec6537dba2131a33ac0d2bfd3f022d88ce6517678 /app/javascript/flavours/glitch/styles
parent13bc2cd4afb3928a5a4380b4c3b035298f595bf7 (diff)
[Glitch] Fix overflow on conversations
Port f31530b74d0f2ab77845db26babc25f5de337bd4 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/styles')
-rw-r--r--app/javascript/flavours/glitch/styles/components/index.scss8
1 files changed, 7 insertions, 1 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss
index 8ebcde5ef..071e06606 100644
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@@ -1454,13 +1454,17 @@
     flex: 1 1 auto;
     padding: 10px 5px;
     padding-right: 15px;
+    word-break: break-all;
+    overflow: hidden;
 
     &__info {
       overflow: hidden;
+      display: flex;
+      flex-direction: row-reverse;
+      justify-content: space-between;
     }
 
     &__relative-time {
-      float: right;
       font-size: 15px;
       color: $darker-text-color;
       padding-left: 15px;
@@ -1473,6 +1477,8 @@
       overflow: hidden;
       text-overflow: ellipsis;
       margin-bottom: 4px;
+      flex-basis: 170px;
+      flex-shrink: 1000;
 
       a {
         color: $primary-text-color;