patch 3 (#1251)

ui/page/livestreamSetup/view.jsx

@@ -205,7 +205,6 @@ export default function LivestreamSetupPage(props: Props) {
             icon={ICONS.FINANCE}
             navigate={`/$/${PAGES.ODYSEE_MEMBERSHIP}`}
             className="membership_button"
-            style={{ maxWidth: '238px' }}
           />
         </div>
       )}

ui/scss/component/_claim-list.scss

@@ -885,14 +885,18 @@
 
   .media__thumb {
     overflow: hidden;
-  }
-
-  // Hover Zoom Effect
-  .media__thumb {
     background-size: 100%;
     transition: background-size 0.2s ease-in-out;
   }
 
+  .channel-name {
+    p {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
   .claim-tile__title {
     .claim__menu-button {
       right: calc(var(--spacing-xs) * -1);

ui/scss/component/_claim_support_button.scss

@@ -3,6 +3,6 @@
     height: 16px;
     width: 16px;
     margin-right: -5px;
-    margin-top: 4px;
+    // margin-top: 4px;
   }
 }

ui/scss/component/_markdown-editor.scss

@@ -2,7 +2,7 @@
   border: 1px solid var(--color-input-border);
   border-bottom-left-radius: var(--border-radius);
   border-bottom-right-radius: var(--border-radius);
-  background: var(--color-input-bg);
+  background: rgba(var(--color-header-background-base), 1);
   color: var(--color-input);
 
   .CodeMirror-placeholder {

ui/scss/component/_markdown-preview.scss

@@ -304,5 +304,5 @@
 }
 
 .editor-preview {
-  background-color: var(--color-input-bg);
+  background-color: rgba(var(--color-header-background-base), 1);
 }

ui/scss/component/_membership.scss

@@ -49,6 +49,10 @@
     height: 24px;
     width: 24px;
   }
+  .icon--ChevronUp {
+    margin-top: -2px;
+    margin-bottom: 2px;
+  }
 
   .card__main-actions {
     margin-bottom: 15px;
@@ -56,7 +60,7 @@
 
   .button--close {
     margin-top: 3px;
-    left: 223px;
+    // left: 223px;
     width: 34px;
   }
 

ui/scss/component/_nudge.scss

@@ -48,4 +48,12 @@
   @media (min-width: $breakpoint-small) {
     width: 12.5rem;
   }
+
+  .nudge__text {
+    display: -webkit-box;
+    max-width: 200px;
+    -webkit-line-clamp: 4;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
 }

ui/scss/component/_pagination.scss

@@ -42,8 +42,9 @@
   }
 
   > a {
-    display: block;
+    display: inline-block;
     height: 100%;
+    margin-top: 1px;
   }
 
   @media (max-width: $breakpoint-small) {
@@ -68,6 +69,10 @@
   padding-top: var(--spacing-s);
   background-color: var(--color-header-background);
   margin-bottom: 0px !important;
+
+  @media (max-width: $breakpoint-small) {
+    line-height: 0.6;
+  }
 }
 
 .pagination__item--selected {