Design fallout patch 2 (#1245)

* patch 1
* patch 2
This commit is contained in:
Rave | 図書館猫 2022-03-30 17:53:05 +02:00 committed by GitHub
parent 49de7b1c64
commit 99d730d0e3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 14 additions and 7 deletions

View file

@ -69,6 +69,9 @@ $actions-z-index: 2;
margin-top: 3px; margin-top: 3px;
} }
} }
.claim__menu-button {
right: -8px;
}
} }
.mb-xl { .mb-xl {

View file

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

View file

@ -56,7 +56,7 @@
&:not(:first-of-type) { &:not(:first-of-type) {
margin-top: 0; margin-top: 0;
padding-left: var(--spacing-m); // padding-left: var(--spacing-m);
} }
} }
} }

View file

@ -290,8 +290,11 @@ $recent-msg-button__height: 2rem;
text-align: center; text-align: center;
} }
.button--secondary { .section__actions {
background-color: var(--color-header-button) !important; justify-content: center;
.button--secondary {
background-color: var(--color-header-button) !important;
}
} }
} }
} }

View file

@ -318,7 +318,7 @@ $contentMaxWidth: 60rem;
} }
.notification__bubble--small { .notification__bubble--small {
font-size: var(--font-xsmall); font-size: var(--font-xxsmall);
} }
.notification__bubble--inline { .notification__bubble--inline {

View file

@ -1,3 +1,3 @@
// @flow // @flow
export const buildUnseenCountStr = (unseenCount: number) => (unseenCount > 20 ? '20+' : `${unseenCount}`); export const buildUnseenCountStr = (unseenCount: number) => (unseenCount > 99 ? '99+' : `${unseenCount}`);