Merge pull request #240 from h3poteto/iss-234

closes #234 Hide overflowed username when width is narrow
h3poteto · Apr 17, 2018 · 5c6f91a · 5c6f91a
2 parents 9085a72 + f38e080
commit 5c6f91a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue b/src/renderer/components/TimelineSpace/Contents/Cards/Notification/Reblog.vue
@@ -13,7 +13,7 @@
     </div>
     <div class="clearfix"></div>
     <div class="target">
-      <div class="icon">
+      <div class="icon" @click="openUser(message.status.account)">
         <img :src="message.status.account.avatar" />
       </div>
       <div class="detail">
@@ -136,6 +136,7 @@ function findLink (target) {
     .icon {
       float: left;
       width: 42px;
+      cursor: pointer;
 
       img {
         width: 32px;

diff --git a/src/renderer/components/TimelineSpace/Contents/Cards/Toot.vue b/src/renderer/components/TimelineSpace/Contents/Cards/Toot.vue
@@ -196,7 +196,7 @@ function findLink (target) {
   --theme-primary-color: #303133;
   --theme-border-color: #ebeef5;
 
-  padding: 4px 0 0 16px;
+  padding: 8px 0 0 16px;
 
   .icon {
     float: left;
@@ -219,6 +219,10 @@ function findLink (target) {
         color: var(--theme-primary-color);
         font-size: 14px;
         cursor: pointer;
+        white-space: nowrap;
+        max-width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
       .timestamp {