[TASK] Add <typo3-backend-icon> component
The component is provided as replacement for the current lit-helper `icon()` which cannot provide support for icon usage inside shadow dom elements. The component renders all icons as inline SVGs. FontawesomeIconProvider is therefore adapted to provide inline rendered SVGs for font-awesome icons. Not that these inline font-awesome SVGs will also be used in areas where 'inline' icons are requested (like information toolbar) but the fallback to 'default' was used before. The component supports all properties of the Icon API via HTML attributes. Colors and custom sizes can be applied to the component via CSS color/font-size property: typo3-backend-icon[identifier=status-dialog-information] { color:#6daae0; /* An explicit font-size will be used as icon width & height */ font-size: 1.2em; } Resolves: #93473 Releases: master Change-Id: I3044c325f122eb0085ecb3f45fb9502bfb314d5d Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/67675 Tested-by:Richard Haeser <richard@richardhaeser.com> Tested-by:
core-ci <typo3@b13.com> Tested-by:
TYPO3com <noreply@typo3.com> Tested-by:
Benni Mack <benni@typo3.org> Reviewed-by:
Richard Haeser <richard@richardhaeser.com> Reviewed-by:
Benni Mack <benni@typo3.org>
Showing
- Build/Sources/TypeScript/backend/Resources/Public/TypeScript/Element/IconElement.ts 166 additions, 0 deletions...ackend/Resources/Public/TypeScript/Element/IconElement.ts
- Build/Sources/TypeScript/backend/Resources/Public/TypeScript/Element/SpinnerElement.ts 18 additions, 16 deletions...end/Resources/Public/TypeScript/Element/SpinnerElement.ts
- Build/Sources/TypeScript/backend/Resources/Public/TypeScript/Element/TableWizardElement.ts 3 additions, 2 deletions...Resources/Public/TypeScript/Element/TableWizardElement.ts
- Build/Sources/TypeScript/backend/Resources/Public/TypeScript/Enum/IconTypes.ts 1 addition, 0 deletions...ipt/backend/Resources/Public/TypeScript/Enum/IconTypes.ts
- Build/Sources/TypeScript/backend/Resources/Public/TypeScript/FormEngine/Element/TreeToolbar.ts 8 additions, 5 deletions...urces/Public/TypeScript/FormEngine/Element/TreeToolbar.ts
- Build/Sources/TypeScript/backend/Resources/Public/TypeScript/PageTree/PageTreeElement.ts 6 additions, 7 deletions...d/Resources/Public/TypeScript/PageTree/PageTreeElement.ts
- Build/Sources/TypeScript/backend/Resources/Public/TypeScript/Tree/FileStorageTreeContainer.ts 5 additions, 4 deletions...ources/Public/TypeScript/Tree/FileStorageTreeContainer.ts
- Build/Sources/TypeScript/core/Resources/Public/TypeScript/lit-helper.ts 1 addition, 15 deletions...TypeScript/core/Resources/Public/TypeScript/lit-helper.ts
- typo3/sysext/backend/Resources/Public/JavaScript/Element/IconElement.js 102 additions, 0 deletions...ackend/Resources/Public/JavaScript/Element/IconElement.js
- typo3/sysext/backend/Resources/Public/JavaScript/Element/SpinnerElement.js 17 additions, 16 deletions...end/Resources/Public/JavaScript/Element/SpinnerElement.js
- typo3/sysext/backend/Resources/Public/JavaScript/Element/TableWizardElement.js 16 additions, 16 deletions...Resources/Public/JavaScript/Element/TableWizardElement.js
- typo3/sysext/backend/Resources/Public/JavaScript/Enum/IconTypes.js 1 addition, 1 deletion...ext/backend/Resources/Public/JavaScript/Enum/IconTypes.js
- typo3/sysext/backend/Resources/Public/JavaScript/FormEngine/Element/TreeToolbar.js 7 additions, 5 deletions...urces/Public/JavaScript/FormEngine/Element/TreeToolbar.js
- typo3/sysext/backend/Resources/Public/JavaScript/PageTree/PageTreeElement.js 9 additions, 9 deletions...d/Resources/Public/JavaScript/PageTree/PageTreeElement.js
- typo3/sysext/backend/Resources/Public/JavaScript/Tree/FileStorageTreeContainer.js 5 additions, 5 deletions...ources/Public/JavaScript/Tree/FileStorageTreeContainer.js
- typo3/sysext/core/Classes/Imaging/IconFactory.php 9 additions, 2 deletionstypo3/sysext/core/Classes/Imaging/IconFactory.php
- typo3/sysext/core/Classes/Imaging/IconProvider/FontawesomeIconProvider.php 933 additions, 5 deletions.../Classes/Imaging/IconProvider/FontawesomeIconProvider.php
- typo3/sysext/core/Classes/ServiceProvider.php 10 additions, 1 deletiontypo3/sysext/core/Classes/ServiceProvider.php
- typo3/sysext/core/Resources/Public/JavaScript/lit-helper.js 1 addition, 1 deletiontypo3/sysext/core/Resources/Public/JavaScript/lit-helper.js
- typo3/sysext/core/Tests/Unit/Imaging/IconFactoryTest.php 10 additions, 1 deletiontypo3/sysext/core/Tests/Unit/Imaging/IconFactoryTest.php
Please register or sign in to comment