github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-05 12:29:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix notification vertical alignment (#6272)

Browse Source
This commit is contained in:
Eva Marco 2025-04-10 13:53:20 +02:00 committed by GitHub
parent 20f695e8d7
commit 580b60550c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/main/ui/ds/notifications/shared/notification_pill.cljs
View File

@ -37,9 +37,9 @@
{::mf/props :obj {::mf/props :obj
::mf/schema schema:notification-pill} ::mf/schema schema:notification-pill}
[{:keys [level type is-html appearance detail children show-detail on-toggle-detail]}] [{:keys [level type is-html appearance detail children show-detail on-toggle-detail]}]
(let [class (stl/css-case :notification-pill true (let [class (stl/css-case :appearance-neutral (= appearance :neutral)
:appearance-neutral (= appearance :neutral)
:appearance-ghost (= appearance :ghost) :appearance-ghost (= appearance :ghost)
:with-detail detail
:type-toast (= type :toast) :type-toast (= type :toast)
:type-context (= type :context) :type-context (= type :context)
:level-default (= level :default) :level-default (= level :default)

3
frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss
View File

@ -88,6 +88,9 @@
display: grid; display: grid;
max-height: 92vh; max-height: 92vh;
overflow: hidden; overflow: hidden;
}
.with-detail {
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
} }