oxen-io
/
session-desktop
mirror of https://github.com/oxen-io/session-desktop.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: added a unique shadow variable for the scroll button

This commit is contained in:
William Grant 2022-10-19 13:28:13 +11:00
parent 1b4d35a324
commit ddfaad5220
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ts/components/SessionScrollButton.tsx
View File

@ -13,7 +13,7 @@ const SessionScrollButtonDiv = styled.div`
.session-icon-button {
background-color: var(--message-bubbles-received-background-color);
box-shadow: var(--drop-shadow);
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)',