diff --git a/ui/component/webUploadList/internal/web-upload-item.jsx b/ui/component/webUploadList/internal/web-upload-item.jsx index 7c9dd7fc9..5b5a1b1cd 100644 --- a/ui/component/webUploadList/internal/web-upload-item.jsx +++ b/ui/component/webUploadList/internal/web-upload-item.jsx @@ -12,7 +12,7 @@ export default function WebUploadItem(props: Props) { const { params, progress, xhr } = props; return ( -
  • +
  • diff --git a/ui/component/webUploadList/view.jsx b/ui/component/webUploadList/view.jsx index 0dd2c3135..038e8754d 100644 --- a/ui/component/webUploadList/view.jsx +++ b/ui/component/webUploadList/view.jsx @@ -11,7 +11,7 @@ export type UploadItem = { type Props = { currentUploads: { [key: string]: UploadItem }, - uploadCount: ?number, + uploadCount: number, }; export default function WebUploadList(props: Props) { diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss index 5a0cbac49..98a2d275a 100644 --- a/ui/scss/component/_claim-list.scss +++ b/ui/scss/component/_claim-list.scss @@ -58,7 +58,7 @@ overflow: visible; padding: var(--spacing-medium); - &:not(.claim-preview--inline):not(.claim-preview--pending) { + &:not(.claim-preview--inline):not(.claim-preview--pending):not(.claim-preview--inactive) { cursor: pointer; } @@ -105,13 +105,6 @@ background-color: var(--color-card-background-highlighted); } -.claim-preview--visited { - // Still keep the normal styles on hover regardless of if they have visited the claim - &:not(:hover) { - // color: lighten(black; //black, 35%); - } -} - .claim-preview--pending { opacity: 0.6; } diff --git a/ui/scss/component/_form-field.scss b/ui/scss/component/_form-field.scss index b24a76352..7c0c1c3b0 100644 --- a/ui/scss/component/_form-field.scss +++ b/ui/scss/component/_form-field.scss @@ -70,7 +70,7 @@ fieldset-group { .form-field__prefix { white-space: nowrap; padding: 0.5rem; - padding-left: 0.5rem; + padding-right: var(--spacing-xxs); height: var(--height-input); padding-right: 1rem; border: 1px solid; @@ -90,8 +90,8 @@ fieldset-group { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; - padding-left: var(--spacing-xs); border-color: var(--color-input-border); + padding-left: 0; } } } diff --git a/ui/scss/component/_snack-bar.scss b/ui/scss/component/_snack-bar.scss index 34eaf7326..c2da7b5fa 100644 --- a/ui/scss/component/_snack-bar.scss +++ b/ui/scss/component/_snack-bar.scss @@ -29,6 +29,7 @@ display: inline-block; margin: var(--spacing-small) 0; min-width: min-content; + color: var(--color-white); span:hover { text-decoration: underline; diff --git a/ui/scss/themes/dark.scss b/ui/scss/themes/dark.scss index a561b241a..6d39ddbb5 100644 --- a/ui/scss/themes/dark.scss +++ b/ui/scss/themes/dark.scss @@ -80,5 +80,5 @@ --color-tag-bg-hover: var(--color-primary-alt-2); // Snack - --color-snack-bg: var(--color-primary-alt); + --color-snack-bg: var(--color-secondary); }