Added more modules and UI optimisations #6
Merged
Conversation
This file contains 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
A new module for Pricing Cards has been added. The module includes fields for pricing card group, tier name, currency, cost, period, price subtext, button URL, features title, and features list item. It will allow site pages, landing pages, blog listings, and blog posts to display pricing information in a clear and structured way.
The text of the inline help for the 'rating' field was updated for clarity in the testimonials-with-star-rating module. New CSS classes were added to tailwind.css to provide more design options, including new padding, font-size, color, width, and alignment options.
Changes include more customizable elements on the pricing cards, like gaps between elements, font weight, and link behavior. Also, certain fields in the pricing cards such as 'currency' and 'cost' have been combined into a 'price' field, and 'period' has been replaced with 'price_details'. Further, 'button_url' has been split into 'cta_label' and 'cta_link' for more control over the call to action. Default values in the 'fields.json' have also been updated to reflect these changes.
Removed unnecessary CSS classes .fj-gap-10, .fj-text-nowrap from tailwind.css. Made amendments in the .fj-text-4xl class, specifically in font-size and line-height. Added a new class .fj-normal-case for normal text transformation.
This commit introduces a new module names "Price Card with Details". This module has two column layouts that facilitates two groups of information with various children properties. It can be used in landing pages, site pages, blog listings and blog posts for displaying pricing details along with additional information.
New utility classes have been added to the Tailwind CSS file to cover more styles across various screen sizes. This addition will allow for more customization options and finer control over the look and feel of the application.
Made some changes in price card module by making the divider text conditional and changing several field requirements. Also, optimized tailwind CSS by removing unnecessary styles and rearranging some rules for better readability.
A new Simple Stats module has been created with associated fields and metadata defined in the JSON files. This module is designed to display statistical information with specified layout based on the number of stats items. Corresponding CSS changes have been introduced to support the layout and design aspects of the stats.
The commit changes the static data content in the simple-stats module, updating the statistics presented to users. Additionally, the Tailwind CSS classes have been rearranged for better readability and order. This reordering does not affect the functionality but improves maintainability of the CSS code.
Renamed 'stats_subtext' to 'subtext' and changed its type to 'rich text'. Also updated the label of the simple stats module from 'Simple Stats' to 'Stats - Simple'. The template to display stats has been updated to reflect these changes.
The commit adds a new module, 'Stats - Simple Grid'. It consists of three files: fields.json, meta.json, and module.html. The module displays different types of stats in a simple grid layout, and it can be used in various content types including LANDING_PAGE, SITE_PAGE, BLOG_LISTING and BLOG_POST. The contents of the grid (title and subtext) and the number of grid columns can be customized.
This commit introduces several new CSS classes to the tailwind.css file. It includes increased dividing sizes, new color definitions (white, gray-200), and enhanced small device responsive handling (grid layout for 2 columns). This extends the design options and flexibility of the web interface.
This commit introduces a new 'stats-simple' module which can be used in different types of pages like LANDING_PAGE, SITE_PAGE, BLOG_LISTING, and BLOG_POST. The module contains fields for statistic items, including the title and subtext. The appearance of these items adapts to their number through the use of different grid classes.
The commit introduces a new module for statistics timeline. The module comes with relevant fields specified in the 'fields.json' file and visual presentation logic in the 'module.html' file. It dynamically generates the interface according to the volume of data.
Added new CSS properties such as fj-size-1, fj-gap-1, fj-bg-blue-600, fj-py-32, and more for responsive layouts and divided y-directions. Removed redundant CSS properties such as fj-divide-y-2, fj-divide-x-2, fj-text-gray-200, and fj-bg-gray-200.
when amount of items > than 4, no lg column amount is provided
Changes include adjusting grid gaps, text sizes, and column spacing in the stats-simple, stats-simple-grid, and stats-timeline modules. Moreover, unnecessary CSS classes were removed such as fj-gap-x8 and lg:fj-flex-row, contributing to a cleaner codebase.
reatlat
approved these changes
May 30, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
New Modules:
Update to styles