oxen-io/session-desktop
1
0
Fork 0
mirror of https://github.com/oxen-io/session-desktop.git synced 2023-12-14 02:12:57 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #2564 from yougotwill/session_scroll_button_styling

Browse source 
fix: add shadow to session scroll button for better visibility
This commit is contained in:
Audric Ackermann 2022-10-19 13:37:42 +11:00 committed by GitHub
commit 2fdb612a77
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ts/components/SessionScrollButton.tsx
View file

@ -13,6 +13,7 @@ const SessionScrollButtonDiv = styled.div`
.session-icon-button {
background-color: var(--message-bubbles-received-background-color);
box-shadow: var(--scroll-button-shadow);
}
`;

1
ts/interactions/conversationInteractions.ts
View file

@ -255,7 +255,6 @@ export function showInviteContactByConvoId(conversationId: string) {
window.inboxStore?.dispatch(updateInviteContactModal({ conversationId }));
}
export function showAddModeratorsByConvoId(conversationId: string) {
window.inboxStore?.dispatch(updateAddModeratorsModal({ conversationId }));
}

4
ts/themes/globals.tsx
View file

@ -55,6 +55,7 @@ export type ThemeGlobals = {
'--shadow-color': string;
'--drop-shadow': string;
'--context-menu-shadow-color': string;
'--scroll-button-shadow': string;
/* Path Button */
'--button-path-default-color': string;
@ -128,13 +129,14 @@ export const THEME_GLOBALS: ThemeGlobals = {
'--shadow-color': 'var(--black-color)',
'--drop-shadow': '0 0 4px 0 var(--shadow-color)',
'--context-menu-shadow-color': `rgba(${hexColorToRGB(COLORS.BLACK)}, 0.22)`,
'--scroll-button-shadow': `0 0 7px 0 rgba(${hexColorToRGB(COLORS.BLACK)}, 0.5)`,
'--button-path-default-color': COLORS.PATH.DEFAULT,
'--button-path-connecting-color': COLORS.PATH.CONNECTING,
'--button-path-error-color': COLORS.PATH.ERROR,
'--modal-background-color': `rgba(${hexColorToRGB(COLORS.BLACK)}, 0.3)`,
'--modal-drop-shadow': `0px 0px 10px rgba(${hexColorToRGB(COLORS.BLACK)}, 0.22)`,
'--modal-drop-shadow': `0px 0px 10px rgba(${hexColorToRGB(COLORS.BLACK)}, 0.22)`,
'--lightbox-background-color': `rgba(${hexColorToRGB(COLORS.BLACK)}, 0.8)`,
'--lightbox-caption-background-color': 'rgba(192, 192, 192, .40)',