Skip to content

[WEB-5576] fix: remove optionsClassName from email and workspace forms; add custom scrollbar styles and shadow utility in globals.css #8240

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sriramveeraghanta merged 1 commit into from
Dec 4, 2025
Merged

[WEB-5576] fix: remove optionsClassName from email and workspace forms; add custom scrollbar styles and shadow utility in globals.css #8240

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion apps/admin/app/(all)/(dashboard)/email/email-config-form.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -163,7 +163,6 @@ export function InstanceEmailForm(props: IInstanceEmailForm) {
label={EMAIL_SECURITY_OPTIONS[emailSecurityKey]}
onChange={handleEmailSecurityChange}
buttonClassName="rounded-md border-custom-border-200"
optionsClassName="w-full"
input
>
{Object.entries(EMAIL_SECURITY_OPTIONS).map(([key, value]) => (
Expand Down
1 change: 0 additions & 1 deletion apps/admin/app/(all)/(dashboard)/workspace/create/form.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -177,7 +177,6 @@ export function WorkspaceCreateForm() {
}
buttonClassName="!border-[0.5px] !border-custom-border-200 !shadow-none"
input
optionsClassName="w-full"
>
{ORGANIZATION_SIZE.map((item) => (
<CustomSelect.Option key={item} value={item}>
Expand Down
21 changes: 21 additions & 0 deletions apps/admin/styles/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -296,6 +296,10 @@ body {
}

/* scrollbar style */
::-webkit-scrollbar {
display: none;
}

@-moz-document url-prefix() {
* {
scrollbar-width: none;
Expand Down Expand Up @@ -356,6 +360,23 @@ body {
margin-top: 44px;
}

/* scrollbar xs size */
.scrollbar-xs::-webkit-scrollbar {
height: 10px;
width: 10px;
}
.scrollbar-xs::-webkit-scrollbar-thumb {
border: 3px solid rgba(0, 0, 0, 0);
}

.shadow-custom {
box-shadow: 2px 2px 8px 2px rgba(234, 231, 250, 0.3); /* Convert #EAE7FA4D to rgba */
}
/* backdrop filter */
.backdrop-blur-custom {
@apply backdrop-filter blur-[9px];
}
Comment on lines +376 to +378
Copy link
Contributor

@coderabbitai coderabbitai bot Dec 4, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical

Fix incorrect Tailwind syntax in .backdrop-blur-custom.

The correct Tailwind syntax for backdrop blur uses backdrop-blur-* utilities. The current code uses @apply backdrop-filter blur-[9px], which is incorrect: backdrop-filter is a CSS property (not a Tailwind utility), and blur-[9px] is for element blur, not backdrop blur.

Apply this diff to fix the syntax:

-.backdrop-blur-custom {
-  @apply backdrop-filter blur-[9px];
-}
+.backdrop-blur-custom {
+  @apply backdrop-blur-[9px];
+}

Alternatively, use raw CSS if you prefer not to use @apply:

-.backdrop-blur-custom {
-  @apply backdrop-filter blur-[9px];
-}
+.backdrop-blur-custom {
+  backdrop-filter: blur(9px);
+}
🤖 Prompt for AI Agents 
In apps/admin/styles/globals.css around lines 376-378, the .backdrop-blur-custom
rule uses incorrect Tailwind syntax (@apply backdrop-filter blur-[9px]); remove
the non-utility backdrop-filter and element blur utility and replace with the
correct backdrop utility, e.g. use @apply backdrop-blur-[9px]; (or, if you
prefer raw CSS, set backdrop-filter: blur(9px); directly) so the class applies a
backdrop blur rather than an element blur.


/* scrollbar sm size */
.scrollbar-sm::-webkit-scrollbar {
height: 12px;
Expand Down
Loading