diff --git a/ui/page/livestreamSetup/view.jsx b/ui/page/livestreamSetup/view.jsx index c7d780648..01289df23 100644 --- a/ui/page/livestreamSetup/view.jsx +++ b/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' }} /> )} diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss index bff3b7cfe..c631dc253 100644 --- a/ui/scss/component/_claim-list.scss +++ b/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); diff --git a/ui/scss/component/_claim_support_button.scss b/ui/scss/component/_claim_support_button.scss index 7b67a2202..c91ba8693 100644 --- a/ui/scss/component/_claim_support_button.scss +++ b/ui/scss/component/_claim_support_button.scss @@ -3,6 +3,6 @@ height: 16px; width: 16px; margin-right: -5px; - margin-top: 4px; + // margin-top: 4px; } } diff --git a/ui/scss/component/_markdown-editor.scss b/ui/scss/component/_markdown-editor.scss index 786be8170..44ec8404d 100644 --- a/ui/scss/component/_markdown-editor.scss +++ b/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 { diff --git a/ui/scss/component/_markdown-preview.scss b/ui/scss/component/_markdown-preview.scss index 06fdbadb1..d29080d6b 100644 --- a/ui/scss/component/_markdown-preview.scss +++ b/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); } diff --git a/ui/scss/component/_membership.scss b/ui/scss/component/_membership.scss index 3c255eddf..352a2aab3 100644 --- a/ui/scss/component/_membership.scss +++ b/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; } diff --git a/ui/scss/component/_nudge.scss b/ui/scss/component/_nudge.scss index 3e0fd5480..d863633f0 100644 --- a/ui/scss/component/_nudge.scss +++ b/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; + } } diff --git a/ui/scss/component/_pagination.scss b/ui/scss/component/_pagination.scss index 49557b1ec..518033a53 100644 --- a/ui/scss/component/_pagination.scss +++ b/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 {