Merge pull request #78 from sakkamade/footer-fix

Improve status message in the footer
leoding86 · Jul 19, 2021 · 525bee3 · 525bee3
2 parents 0665c29 + 586b924
commit 525bee3
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/renderer/components/Footer.vue b/src/renderer/components/Footer.vue
@@ -110,22 +110,24 @@ export default {
 .footer-container {
   $height: 25px;
 
-  display: flex;
   height: $height;
-  overflow: hidden;
 
   .footer-left {
-    //
+    margin-right: 110px; /* to compensate for the overall width of .footer-right */
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   .footer-right {
-    flex: 1;
+    bottom: 0;
     text-align: right;
+    position: absolute;
+    right: 8px; /* equal to side padding of .footer-btn */
   }
 
   .footer-status {
     display: inline-block;
-    max-width: 350px;
     height: $height;
     line-height: $height;
     vertical-align: top;