Project

General

Profile

Actions

Feature #15421

closed

Main menu mainitem can't be properly styled

Added by Thomas Murphy over 18 years ago. Updated over 13 years ago.

Status:
Closed
Priority:
Should have
Assignee:
Category:
Backend User Interface
Target version:
-
Start date:
2006-01-15
Due date:
% Done:

0%

Estimated time:
PHP Version:
Tags:
Complexity:
Sprint Focus:

Description

Mainitems are styled this way:
(One table cell contains the icon & two spans, one for the label, one for the collapsable item)
----
<tr class="c-mainitem" id="ID_39221854">
<td colspan="3" onclick="window.location.href='alt_menu.php?collapsedOverride[web]=1'" ><img src="../typo3conf/ext/t3skin/icons/module_web.gif" width="14" height="14" alt="" /><span class="c-label"> <b>Web</b> </span><span class="c-iconCollapse"><img src="../typo3conf/ext/t3skin/icons/gfx/ol/minusbullet.gif" width="18" height="16" title="" alt="" /></span>
</td>
</tr>
----

It's AFAIK impossible to align the label-span vertically in the middle of the mainmenu item, when the icon is bigger or the cell has some padding - unnoticable in the classic skin, because the mainitems are so flat. When changing the size, the problem appears - the label-span always drops to the border, even display: block won't help, because the second span (the collapse icon) will interfere.

Solution:
Style the main-item like the subitems by using three cols in one row.
We can then align every column content exactly how we want it.

Alternative solution: Put a seperate "mini-table" inside the mainitem cell with on row, three columns. This would allow to have different unrelated icon positions on main- and subitems.

(issue imported from #M2273)

Actions #1

Updated by Benni Mack almost 16 years ago

With 4.2, it's based on li's, no tables anymore. so they can be styled finally.

Actions

Also available in: Atom PDF