Skip to content

Add watermark icon to interactive editor#279

Merged
georgestagg merged 2 commits intomainfrom
monaco-watermark
Apr 8, 2026
Merged

Add watermark icon to interactive editor#279
georgestagg merged 2 commits intomainfrom
monaco-watermark

Conversation

@georgestagg
Copy link
Copy Markdown
Collaborator

@georgestagg georgestagg commented Mar 30, 2026

Overlays the ggsql icon as a watermark on the Monaco editor in interactive examples. The intension is to suggest to the user that the code block is editable, it is handy that the ggsql icon looks like a pencil for this!

Screenshot 2026-03-30 at 11 34 16

Closes #259.

@georgestagg georgestagg requested a review from thomasp85 March 30, 2026 10:37
@thomasp85
Copy link
Copy Markdown
Collaborator

Part of me want it on the upper-right corner instead of lower-right... also, perhaps a very gentle grow-shrink cycle will make it more clear that this is ✨interactive✨

@georgestagg
Copy link
Copy Markdown
Collaborator Author

georgestagg commented Apr 7, 2026

I moved it to the top and added a pulsing animation, something like that?

Screen.Recording.2026-04-07.at.17.16.05.mov

Copy link
Copy Markdown
Collaborator

@thomasp85 thomasp85 left a comment

Choose a reason for hiding this comment

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

LGTM - we can always adjust after an evaluation period

@georgestagg georgestagg merged commit 7bf0f94 into main Apr 8, 2026
15 checks passed
@georgestagg georgestagg deleted the monaco-watermark branch April 8, 2026 12:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Tweaks to Monaco editor

2 participants