github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-11 14:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 Add styles for external widgets on workspace (#6509)

Browse Source 
* 💄 Add styles for Inkeep Chat at workspace

* 📎 Styles review
This commit is contained in:
María Valderrama 2025-05-21 14:17:48 +02:00 committed by Andrey Antukh
parent 0748ef7267
commit faa68784af
2 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/app/main/ui/workspace/palette.cljs
View File

@ -147,6 +147,7 @@
(swap! state* assoc :width width))) (swap! state* assoc :width width)))
[:div {:class (stl/css :palette-wrapper) [:div {:class (stl/css :palette-wrapper)
:id "palette-wrapper"
:style (calculate-palette-padding rulers?) :style (calculate-palette-padding rulers?)
:data-testid "palette"} :data-testid "palette"}
(when-not workspace-read-only? (when-not workspace-read-only?

34
frontend/src/app/main/ui/workspace/palette.scss
View File

@ -4,6 +4,10 @@
// //
// Copyright (c) KALEIDOS INC // Copyright (c) KALEIDOS INC
@use "../ds/spacing.scss" as *;
@use "../ds/z-index.scss" as *;
@use "../ds/_sizes.scss" as *;
@import "refactor/common-refactor.scss"; @import "refactor/common-refactor.scss";
.palette-wrapper { .palette-wrapper {
@ -12,6 +16,12 @@
left: 0; left: 0;
bottom: 0; bottom: 0;
padding-bottom: $s-4; padding-bottom: $s-4;
/** Aligns AI Chat button **/
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--sp-s);
} }
.palettes { .palettes {
@ -164,3 +174,27 @@
padding-bottom: $s-8; padding-bottom: $s-8;
} }
} }
/** AI Chat button styles **/
.help-btn {
z-index: var(--z-index-panels);
flex-shrink: 0;
@extend .button-secondary;
inline-size: $sz-40;
block-size: $sz-40;
border-radius: $br-circle;
border: none;
&.selected {
@extend .button-icon-selected;
}
&:hover {
border: none;
}
}
.icon-help {
@extend .button-icon;
stroke: var(--icon-foreground);
inline-size: var(--sp-xxl);
block-size: var(--sp-xxl);
}