Merged
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
valeriocomo
reviewed
Apr 8, 2025
valeriocomo
reviewed
Apr 8, 2025
mburri
pushed a commit
to puzzle/publiccode-editor
that referenced
this pull request
Oct 3, 2025
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
We carried out an extensive restyling of the Publiccode Editor, as part of an ongoing effort to modernize the interface, enhance the user experience. This intervention was not limited to visual improvements, but also involved a significant structural and architectural refactor of key interface elements, with a particular focus on responsiveness, accessibility, and maintainability.
Here's a detail of what has been done:
🧩 Layout and Structural Changes
Implemented Resizable Panels in the right-hand column, providing users with the flexibility to adjust the panel width based on their workflow and screen size. This change improves usability, especially in scenarios where users want to have a better readability of the YAML file or form fields.
Reworked the right-hand layout, applying a fixed-height logic to certain components. This improves vertical rhythm, ensures that important UI sections are always visible, and avoids erratic scroll behavior on smaller viewports.
Applied a broader layout refactor, improving the user experience with a full screen web-app oriented user interface, giving to the user the full view of the input controls and of the yaml file generation result.
🎨 Design Integration
Introduced the official navbar from the React Design Kit. This ensures visual consistency across different tools in our ecosystem and centralizes logic related to navigation and user context.
Updated font sizes, spacing, and positioning improving the typographic scale and making inputs more readable. This contributes to a cleaner and more readable UI, especially in dense content areas.
📱 Responsiveness and Cross-Device UX
Redesigned the navigation menu to support both desktop and mobile experiences.
Managed visibility logic for UI elements such as warnings and error messages.
⚙️ Technical Improvements and Refactors
Refactored and visually enhanced the upload panel, streamlining the user flow, improving feedback, and aligning its design with the rest of the interface.
Added a side settings panel, giving users quick access to contextual configuration options. The panel adapts to the current screen size and maintains consistency with the design system’s component patterns.
Overall, this restyling marks a significant step forward in the evolution of the Publiccode Editor. It combines tangible UX improvements with a deep refactor of layout and architecture.