studio-variable/geoproject-app
4
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity Actions
geoproject-app/public/assets/css/style.scss

8 lines
210 B
SCSS
Raw Normal View History

feat: integrate Coloris color picker for background field Add Coloris.js library for enhanced color selection in PageSettings with automatic button state sync across tab changes. Features: - Color picker with swatches, alpha support, and format toggle (hex/rgb/hsl) - Button positioned to the left of input field - Automatic sync when switching tabs (remembers selected color) - Close button and click-outside-to-close functionality - Dark theme with pill UI style Changes: - Install @melloware/coloris package - PageSettings.vue: Integrate Coloris with data-coloris attribute, add tab visibility detection via provide/inject, force button update when returning to document tab - EditorPanel.vue: Provide activeTab to child components, increase panel width to 30rem - _forms.scss: Add .input-with-color styles with custom Coloris button positioning (absolute positioned to left of input) - Temporarily comment out rgb/hex format buttons (replaced by Coloris format toggle) Technical details: - Uses provide/inject pattern to detect tab changes - Triggers synthetic input events to force Coloris button refresh - Custom CSS overrides to position swatch button correctly 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-04 15:03:29 +01:00
@import "src/_reset.scss";
@import "src/_variables.scss";
@import "src/_text.scss";
@import "src/_print-styles.scss";
@import "src/_forms.scss";
@import "src/_buttons.scss";
refactor: mutualize popup styles into shared SCSS file Extract ~150 lines of identical CSS from ElementPopup and PagePopup into a new _settings-popup.scss partial: - Common popup structure (header, body, controls, CSS panel) - Shared components (tooltips, toggle switches, inheritance button) - CSS editor styling (readonly display, textarea) Component-specific styles retained: - ElementPopup: purple theme, button groups, checkboxes - PagePopup: orange theme, margin grid layout Reduces duplication and improves maintainability. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-12-08 16:17:34 +01:00
@import "src/_settings-popup.scss";
Reference in a new issue Copy permalink