-
Notifications
You must be signed in to change notification settings - Fork 387
Add custom dialog handling for Desktop #5543
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.
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
Conversation
🎭 Playwright Test Results🕵🏻 No test results found ⏰ Completed at: 09/15/2025, 10:02:56 AM UTC 📊 Test Reports by Browser
🎉 Click on the links above to view detailed test results for each browser configuration. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Mostly CSS comments 😸
@reference '../assets/css/style.css'; | ||
|
||
.dialog-title { | ||
font-family: 'ABC ROM'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could you register the font in style.css
and use the tailwind utility?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This should probably be draft, sorry~
The font isn't in the repo yet; and this PR shouldn't add it. But yes, it annoyed me to have to create a class just for this. 😃
} | ||
|
||
.p-button { | ||
@apply rounded-lg; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please just add the class to the button, I'm trying to get rid of all of the @apply
s and prohibit them with a linter soon.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same for the others <3
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sorry you had to read that. The scoped styles are ~80% generated slop - which I pray does not come as a surprise.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🤖
.p-button-secondary { | ||
@apply text-white rounded-lg border-none; | ||
|
||
background: var(--color-button-background, rgba(255, 255, 255, 0.15)); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
bg-button-background
} | ||
|
||
.p-button-secondary:hover { | ||
background: rgba(255, 255, 255, 0.25); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
bg-white/25
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Similar for the ones below
} | ||
|
||
.p-button-danger { | ||
background: rgba(241, 67, 82, 0.5); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could you name the base color and put it into the color palette?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same for the others
color: #f0ff41; | ||
border: 0; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
These should inherit from the original declaration, no need to add them for each modifier state if you're not changing the value.
1d705fd
to
f320b76
Compare
Replaced by #5605. |
Summary
Adds a basic dialog endpoint for the desktop app.
Changes
Caveats
Screenshots (if applicable)
┆Issue is synchronized with this Notion page by Unito