🐛 Fix at icon (#6540 )

💄 Add styles for external widgets on workspace (#6509 )
* 💄 Add styles for Inkeep Chat at workspace * 📎 Styles review
2026-01-18 19:30:27 -05:00 · 2025-05-22 13:15:09 +02:00 · 2025-05-22 11:56:45 +02:00 · 2025-05-21 10:17:37 +02:00
4 changed files with 39 additions and 1 deletions
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -21,6 +21,7 @@

 ### :bug: Bugs fixed

+- Fix "at" icon to match all icons on app [Taiga #11136](https://tree.taiga.io/project/penpot/issue/11136)
 - Fix problem in viewer with the back button [Taiga #10907](https://tree.taiga.io/project/penpot/issue/10907)
 - Fix resize bar background on tokens panel [Taiga #10811](https://tree.taiga.io/project/penpot/issue/10811)
 - Fix shortcut for history version panel [Taiga #11006](https://tree.taiga.io/project/penpot/issue/11006)
--- a/frontend/resources/images/icons/at.svg
+++ b/frontend/resources/images/icons/at.svg
@@ -1 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14.499" height="14.507" viewBox="700.734 827.762 14.499 14.507"><path d="M707.948 827.762c-.193 0-.386.007-.578.022-2.311.181-4.574 1.452-5.839 3.982-1.686 3.372-.52 6.821 1.835 8.787 2.354 1.966 5.955 2.497 8.974.233a.566.566 0 1 0-.68-.906c-2.611 1.959-5.563 1.478-7.568-.196-2.004-1.675-3.005-4.495-1.546-7.412 1.458-2.917 4.314-3.808 6.856-3.208 2.543.599 4.698 2.672 4.698 5.936v.667c0 .525-.176.847-.435 1.076-.258.23-.624.357-.998.357s-.741-.127-.999-.357c-.258-.229-.435-.551-.435-1.076v-3.334a.567.567 0 0 0-1.133 0v.215a3.215 3.215 0 0 0-2.1-.781 3.241 3.241 0 0 0-3.233 3.233 3.241 3.241 0 0 0 3.233 3.233 3.23 3.23 0 0 0 2.482-1.168c.122.199.267.377.433.525a2.63 2.63 0 0 0 1.752.643c.626 0 1.259-.206 1.751-.643.492-.437.815-1.115.815-1.923V835c0-3.773-2.586-6.336-5.572-7.04a7.405 7.405 0 0 0-1.713-.198ZM708 832.9c1.167 0 2.1.933 2.1 2.1a2.09 2.09 0 0 1-2.1 2.1 2.09 2.09 0 0 1-2.1-2.1c0-1.167.933-2.1 2.1-2.1Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M10.667 5.333v3.334a2 2 0 1 0 4 0V8a6.667 6.667 0 1 0-2.614 5.293M10.667 8a2.667 2.667 0 1 1-5.334 0 2.667 2.667 0 0 1 5.334 0Z" />
+</svg>
--- a/frontend/src/app/main/ui/workspace/palette.cljs
+++ b/frontend/src/app/main/ui/workspace/palette.cljs
@@ -147,6 +147,7 @@
        (swap! state* assoc :width width)))

    [:div {:class (stl/css :palette-wrapper)
+           :id "palette-wrapper"
           :style  (calculate-palette-padding rulers?)
           :data-testid "palette"}
     (when-not workspace-read-only?
--- a/frontend/src/app/main/ui/workspace/palette.scss
+++ b/frontend/src/app/main/ui/workspace/palette.scss
@@ -4,6 +4,10 @@
 //
 // 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";

 .palette-wrapper {
@@ -12,6 +16,12 @@
  left: 0;
  bottom: 0;
  padding-bottom: $s-4;
+
+  /** Aligns AI Chat button **/
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--sp-s);
 }

 .palettes {
@@ -164,3 +174,27 @@
    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);
+}
Author	SHA1	Message	Date
Eva Marco	99fb905070	🐛 Fix at icon (#6540 )	2025-05-22 13:15:09 +02:00
María Valderrama	faa68784af	💄 Add styles for external widgets on workspace (#6509 ) * 💄 Add styles for Inkeep Chat at workspace * 📎 Styles review	2025-05-22 11:56:45 +02:00
Alejandro Alonso	0748ef7267	Merge pull request #6518 from penpot/niwinz-staging-tokenslib-json-encoding 🐛 Add json encoding for tokenslib type	2025-05-21 10:17:37 +02:00