Project

General

Profile

Actions

Bug #22507

closed

Reorganize the backend stylesheets

Added by Steffen Gebert almost 14 years ago. Updated almost 14 years ago.

Status:
Closed
Priority:
Should have
Category:
-
Target version:
-
Start date:
2010-04-24
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
4.4
PHP Version:
5.2
Tags:
Complexity:
Is Regression:
Sprint Focus:

Description

Problem:
TYPO3 Backend loads first the styles for v3.x and afterwards t3skin, which overwrites the previously made definitions by the core. This su**s.

Solution:
  • Remove all (not absolutely needed) CSS from core
  • Add the now missing CSS to t3skin
  • Restructure the CSS files and separate between structure definitions (height, width, position, etc.) and visual styles (color, border, …)

Please apply it with --binary option for the patch command, as images are included. Please also use --force, as deleting some files fails (I think because of different $Id$ strings). Also attached files-to-delete.txt for the core-dev who committs this patch and want's to delete the unused 0-byte files.

Find some ideas and explanations of how-to-use in the "Backend Skinning Guide" doc_core_skinning [1]

The backend without an installed skin is still usable to install a skin - that was our goal and not more

#21900: Add API to add stylesheet directories
added $TBE_STYLES['stylesheetDirectories'], which is reverted by this patch.
Instead we use $TBE_STYLES['skins'] to include additional stylesheet directories

#21900: Backend not printable if more than one page
added $TBE_STYLES['styleSheetFile_print'], which is reverted by this patch.
Instead the file is included like all the other files, but definitions placed inside @media print { .. }

#21900: Add Viewport layout to BE
introduced a second <div id="typo3-toolbar">. This patch silently renames this to typo3-topbar (which then contains the toolbar); this has been agreed with Stefan

This patch adds lots of CSS files, which have to be loaded by your browser. We have to find a solution for beta3, to concatenate (compress) them. This also leads to an unstyled backend in IE6 as it seems not to accept more than 31 CSS files [2].

This was task of T3UXW09 Team 3, major credits go to Fabien Udriot.
(issue imported from #M14195)


Files

14195-binary.diff (258 KB) 14195-binary.diff Administrator Admin, 2010-04-24 20:04
files-to-delete.txt (98 Bytes) files-to-delete.txt Administrator Admin, 2010-04-24 20:05
14195-binary_v2.diff (259 KB) 14195-binary_v2.diff Administrator Admin, 2010-04-25 18:43
14195-binary_v3.diff (259 KB) 14195-binary_v3.diff Administrator Admin, 2010-04-26 22:42
14195-binary_v4.diff (261 KB) 14195-binary_v4.diff Administrator Admin, 2010-04-30 17:13

Related issues 3 (0 open3 closed)

Related to TYPO3 Core - Feature #21900: Add API to add stylesheet directoriesClosedBenni Mack2010-01-02

Actions
Related to TYPO3 Core - Bug #22546: Add a compressor/concatenator for CSS and JS to TYPO3ClosedSusanne Moog2010-04-29

Actions
Related to TYPO3 Core - Bug #20477: CSS in BE has no general rules, only specificClosedSteffen Kamper2009-05-19

Actions
Actions #1

Updated by Francois Suter almost 14 years ago

Committed to trunk in revision 7470
Additionally raised version of t3skin to 4.4.0 in revision 7472

Actions

Also available in: Atom PDF