Bug #32954
Task #32185: Migrate TYPO3 Backend to ExtJS4
Task #32201: Umbrella for smaller outstanding tasks
ExtJS CSS-Reset
| Status: | Closed | Start date: | 2014-09-15 | |
|---|---|---|---|---|
| Priority: | Must have | Due date: | 2014-09-15 | |
| Assigned To: | - | % Done: | 0% |
|
| Category: | - | Spent time: | - | |
| Target version: | - | |||
| TYPO3 Version: | 4.7 | Is Regression: | ||
| PHP Version: | Sprint Focus: | |||
| Complexity: |
Description
The ExtJS Reset interferes with several styles in the backend, see the login form or the flicker of all texts during loading of the backend. If seems like the -*-box-sizing: content-box; render most of the padding definitions unusable.
Related to http://forge.typo3.org/issues/32731
Related issues
Associated revisions
[BUGFIX] Reset ExtJS 3 CSS box-model
We have box-models in CSS. They define how the dimensions of
elements are calculated. Modern CSS is based on the border-box
outline definition where the outer dimensions are defined and
not the inner dimensions.
Bootstrap, Foundation and ExtJS 4 use the modern box sizing
"border-box". This is the default now.
ExtJS 3 CSS is based on the "old" content-box definition. Since
CMS still uses ExtJS 3 we need to move ExtJS elements back into
the former box-sizing mode.
This patch sets box-sizing back to the previous content-box for
input fields. Most dimensions in other widgets and elements are
calculated with the help of JS and not based on CSS itself. Thus
.x-form-field should be enought for the start.
Resolves: #61574
Related: #32954
Releases: master
Change-Id: Iacb9b0d3628940718ac5ba0099398320769f14ac
Reviewed-on: http://review.typo3.org/32760
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Wouter Wolters <typo3@wouterwolters.nl>
Tested-by: Wouter Wolters <typo3@wouterwolters.nl>
History
#1 Updated by Felix Kopp over 3 years ago
ExtJS 4 uses the CSS3 box-sizing model 'border-box' as default.
Because of this inner padding does not expand the overall dimensions of elements any longer.
Ether (a) the "old" box-sizing must be used or (b) CSS definitions must be updated.
#2 Updated by Steffen Ritter over 3 years ago
- Status changed from New to On Hold
#3 Updated by Steffen Ritter over 3 years ago
- Category set to 1137
#4 Updated by Felix Kopp over 3 years ago
Can be closed. ExtJS 4 will not come
#5 Updated by Thorsten Kahler over 3 years ago
- Parent task set to #32201
This issue is "on hold" already, which is suitable for the moment.
#6 Updated by Felix Kopp over 2 years ago
Is rejected. There should be a central stable solutions like normalize.css
#7 Updated by Wouter Wolters about 2 years ago
- Status changed from On Hold to Closed
ExtJS 4 will not make it into the core