aljaz/goose
1
0
Fork 0
mirror of https://github.com/aljazceru/goose.git synced 2026-02-23 15:34:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add close button (X) to toast notifications (#3197)

Browse Source
This commit is contained in:
blockbtheriault
2025-07-03 04:43:04 -07:00
committed by GitHub
parent ee714d7e73
commit 4b63ee7672
2 changed files with 32 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
ui/desktop/src/styles/main.css
View File

@@ -307,4 +307,35 @@
.scrollbar-thin {
scrollbar-width: thin;
}
/* Toast close button styling */
.Toastify__close-button {
color: var(--text-prominent-inverse) !important;
opacity: 0.7;
align-self: flex-start;
margin-top: 4px;
margin-right: 4px;
padding: 4px;
border-radius: 4px;
transition: opacity 0.2s ease, background-color 0.2s ease;
}
.Toastify__close-button:hover {
opacity: 1;
background-color: rgba(255, 255, 255, 0.1);
}
.Toastify__close-button:focus {
outline: 2px solid var(--block-teal);
outline-offset: 2px;
}
/* Ensure close button is visible on all toast types */
.Toastify__toast--success .Toastify__close-button,
.Toastify__toast--error .Toastify__close-button,
.Toastify__toast--info .Toastify__close-button,
.Toastify__toast--warning .Toastify__close-button,
.Toastify__toast--default .Toastify__close-button {
color: var(--text-prominent-inverse) !important;
}
}

2
ui/desktop/src/toasts.tsx
View File

@@ -80,7 +80,7 @@ export const toastService = ToastService.getInstance();
const commonToastOptions: ToastOptions = {
position: 'top-right',
closeButton: false,
closeButton: true,
hideProgressBar: true,
closeOnClick: true,
pauseOnHover: true,