Fix overflow on conversations (#11965)

* Fix: overflow on conversations * Fix: overflow on conversations
2019-09-27 09:14:49 +09:00 · 2019-09-27 09:14:49 +09:00 · f31530b74d
parent 7a39671d46
commit f31530b74d
1 changed files with 7 additions and 1 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@ -6418,13 +6418,17 @@ noscript {
    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;
@ -6437,6 +6441,8 @@ noscript {
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 4px;
+      flex-basis: 170px;
+      flex-shrink: 1000;

      a {
        color: $primary-text-color;