geoproject-app/public
isUnknown 3bd6c7ca19 fix: close Coloris picker on iframe clicks and improve editor styling
Add click handler on iframe to close Coloris color picker when user clicks
in the preview area. Also improve editor panel spacing and styling consistency.

Coloris Close Fix:
- Import Coloris in App.vue
- Add click listener on iframe document to call Coloris.close()
- Fixes issue where Coloris remained open when clicking in preview iframe
  (clicks in iframes don't bubble to parent document)

Editor Styling Improvements:
- Increase EditorPanel width from 30rem to 35rem for better readability
- Add CSS variable --space-xs (0.5rem) for consistent spacing
- Improve form field spacing with gaps and better padding
- Add row-gap to margins subsection
- Fix input-with-color width and button height (1.1rem)
- Add gap to unit-toggle buttons
- Better visual hierarchy with margins on h2 and h3

CSS Changes:
- _forms.scss: Consistent spacing, better input padding, gap utilities
- _variables.scss: Add --space-xs variable
- Compiled CSS updated with new styles

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-04 16:14:50 +01:00
..
assets/css fix: close Coloris picker on iframe clicks and improve editor styling 2025-12-04 16:14:50 +01:00
content blueprints 2025-12-02 21:45:22 +01:00
kirby init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
media init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
site feat: integrate Coloris color picker for background field 2025-12-04 15:03:29 +01:00
vendor init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
.editorconfig init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
.gitignore init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
.htaccess init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
composer.json init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
composer.lock init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
index.php init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00
README.md init with kirby, vue and pagedjs interactive 2025-11-24 14:01:48 +01:00

Kirby: the CMS that adapts to any project, loved by developers and editors alike. The Plainkit is a minimal Kirby setup with the basics you need to start a project from scratch. It is the ideal choice if you are already familiar with Kirby and want to start step-by-step.

You can learn more about Kirby at getkirby.com.

Try Kirby for free

You can try Kirby and the Plainkit on your local machine or on a test server as long as you need to make sure it is the right tool for your next project. … and when youre convinced, buy your license.

Get going

Read our guide on how to get started with Kirby.

You can download the latest version of the Plainkit. If you are familiar with Git, you can clone Kirby's Plainkit repository from Github.

git clone https://github.com/getkirby/plainkit.git

What's Kirby?

  • getkirby.com Get to know the CMS.
  • Try it Take a test ride with our online demo. Or download one of our kits to get started.
  • Documentation Read the official guide, reference and cookbook recipes.
  • Issues Report bugs and other problems.
  • Feedback You have an idea for Kirby? Share it.
  • Forum Whenever you get stuck, don't hesitate to reach out for questions and support.
  • Discord Hang out and meet the community.
  • Mastodon Spread the word.
  • Bluesky Spread the word.

© 2009 Bastian Allgeier getkirby.com · License agreement