-
-
Notifications
You must be signed in to change notification settings - Fork 86
v5 upgrade guide
tanthammar edited this page Oct 30, 2020
·
2 revisions
Max volunteered to help me refactor the TailwindUI markup to pure TailwindCss and he has been a great support during the development of this release. Thank you !!!
-
config/tall-themes.php
- save a copy of your current config file
- republish the config file:
php artisan vendor:publish --tag=tall-form-config
- publish the theme, se note below
- if you made changes to the css markup in your old config file, copy/paste to the tall-theme css file
-
tailwind.config.js
- remove the nord-theme
colors: {}
- remove the nord-theme
- backup your icons
- publish the new icons, see note below
- if you have custom icons, change the new config file and put your custom icons in the correct folder.
- remove .svg-icon class from your current css (included in the default theme file)
- remove Nord theme colors from
tailwind.config.js
- if you don't use them. Not required in the default theme. - add support for
@apply
with complex classes totailwind.config.js
- see Theme wiki page - if you extended any Blade component classes, review them
- if you replaced/published any view files, review them
- There has been some changes to the styling of all fields to avoid TailwindUI license violation.
- Classes are moved from
config/tall-forms.php
totall-theme
- Most classes are moved from the
Blade
component classes totall-theme
- Most classes are moved from the
view
files totall-theme
- Theme classes use
tf
prefix. example.tf-bg-primary
or.tf-text-primary
- Nord theme is moved to separate
tall-nord-theme
file - sponsors only - New classes and colors for
success, danger, warning, info, primary, secondary
-
Publish the theme files:
- Laravel 8, css:
php artisan vendor:publish --tag=tall-form-theme-css
- Laravel 7, scss:
php artisan vendor:publish --tag=tall-form-theme-sass
- Import
@import 'tall-theme'
toapp.css
orapp.scss
(read wiki about nested css setup) npm run dev
- Laravel 8, css:
- Two versions, one with a simple dropdown and one with labels and info. (docs coming)
- Two versions, with and without attachments. Supports native Livewire file-uploads.
- New icons for trash, sort and more.
- All required icons are included in the package.
- Apply styling to the icons in the theme file.
-
Publish the icons:
php artisan vendor:publish --tag=tall-form-icons
- new icons, new button sizes, new button colors
- new icons, new button sizes, new button colors
- new icons, new button sizes, new button colors
- php dependency change to v7.4, PR #33
- added some wire:keys to loops
- ImageCropper js error removed (Thanks to @maxeckel )
- Installation
- Requirements
- v5 Upgrade Guide
- v6 Upgrade Guide
- v7 Upgrade Guide
- Support
- Quickstart
- Manual installation
- Optional
- Form component
- Field
- Field types
- Example Form
- Blade Components
- Notifications