Design fallout patch 2 (lbryio#1245)

* patch 1 * patch 2
infinite-persistence · Mar 30, 2022 · 99d730d · 99d730d
1 parent 49de7b1
commit 99d730d
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 7 deletions.
diff --git a/ui/scss/component/_channel.scss b/ui/scss/component/_channel.scss
@@ -69,6 +69,9 @@ $actions-z-index: 2;
         margin-top: 3px;
       }
     }
+    .claim__menu-button {
+      right: -8px;
+    }
   }
 
   .mb-xl {

diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
@@ -1,6 +1,6 @@
 .claim-list {
-  // List view
-  .claim-preview__wrapper:not(.claim-preview__wrapper--channel):not(.claim-preview__wrapper--small) {
+  // List view :not(.claim-preview__wrapper--channel)
+  .claim-preview__wrapper:not(.claim-preview__wrapper--small) {
     padding: var(--spacing-m);
     background-color: rgba(var(--color-header-background-base), 0.6);
 
@@ -1194,6 +1194,7 @@
             text-overflow: ellipsis;
             white-space: nowrap;
             overflow: hidden;
+            display: unset;
 
             &:hover {
               opacity: 0.8;

diff --git a/ui/scss/component/_claim-search.scss b/ui/scss/component/_claim-search.scss
@@ -56,7 +56,7 @@
 
     &:not(:first-of-type) {
       margin-top: 0;
-      padding-left: var(--spacing-m);
+      // padding-left: var(--spacing-m);
     }
   }
 }

diff --git a/ui/scss/component/_livestream-chat.scss b/ui/scss/component/_livestream-chat.scss
@@ -290,8 +290,11 @@ $recent-msg-button__height: 2rem;
         text-align: center;
       }
 
-      .button--secondary {
-        background-color: var(--color-header-button) !important;
+      .section__actions {
+        justify-content: center;
+        .button--secondary {
+          background-color: var(--color-header-button) !important;
+        }
       }
     }
   }

diff --git a/ui/scss/component/_notification.scss b/ui/scss/component/_notification.scss
@@ -318,7 +318,7 @@ $contentMaxWidth: 60rem;
 }
 
 .notification__bubble--small {
-  font-size: var(--font-xsmall);
+  font-size: var(--font-xxsmall);
 }
 
 .notification__bubble--inline {

diff --git a/ui/util/notifications.js b/ui/util/notifications.js
@@ -1,3 +1,3 @@
 // @flow
 
-export const buildUnseenCountStr = (unseenCount: number) => (unseenCount > 20 ? '20+' : `${unseenCount}`);
+export const buildUnseenCountStr = (unseenCount: number) => (unseenCount > 99 ? '99+' : `${unseenCount}`);