99e708a984
* Remove X button from tablet/mobile Notification menu * Toast styling * missed in merge * .env.example * Update abacus@1.0.9 * Add notif strings, and abaucs notif state * Update Notification hooks, add Notification Preference controls * Consolidate Notification into single component * withLabel -> withTrigger prop * nits * OrderStatusChanged -> AbacusGenerated * Notification OnClick * Move Notification -> Components * withAnimation -> $withAnimation * Notification styling and click handle * load state, onClick, localStorage * add error count * Rez localStorage Notifications * Update TransferStatus UI * Use Notification component for other abacusNotifs * fix uselocalnotif query * Default to Notification from NotificationMenu --------- Co-authored-by: Bill He <bill@dydx.exchange>
33 lines
942 B
TypeScript
33 lines
942 B
TypeScript
import { css } from 'styled-components';
|
|
|
|
export const headerMixins = {
|
|
dropdownTrigger: css`
|
|
--trigger-backgroundColor: transparent;
|
|
--trigger-textColor: var(--color-text-0);
|
|
|
|
--trigger-hover-backgroundColor: var(--color-layer-3);
|
|
--trigger-hover-textColor: var(--color-text-2);
|
|
|
|
--trigger-open-backgroundColor: var(--color-layer-1);
|
|
--trigger-open-textColor: var(--color-text-2);
|
|
|
|
&:hover:not(:disabled) {
|
|
--trigger-backgroundColor: var(--trigger-hover-backgroundColor);
|
|
--trigger-textColor: var(--trigger-hover-textColor);
|
|
}
|
|
`,
|
|
|
|
button: css`
|
|
--button-backgroundColor: transparent;
|
|
--button-textColor: var(--color-text-0);
|
|
|
|
--button-hover-backgroundColor: var(--color-layer-4);
|
|
--button-hover-textColor: var(--color-text-2);
|
|
|
|
&:hover:not(:disabled) {
|
|
background-color: var(--button-hover-backgroundColor);
|
|
color: var(--button-hover-textColor);
|
|
}
|
|
`,
|
|
};
|