[BUGFIX] Add hover state to click menu
[Packages/TYPO3.CMS.git] / Build / Resources / Public / Less / TYPO3 / _element_csm.less
1 //
2 // Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
3 // Notice: Rollover color is set by ->bgColor5 in the template object of alt_clickmenu.php
4 //
5
6 .typo3-CSM-wrapperCM {
7 background: #fff;
8 border: #b6b6b6 1px solid;
9 }
10
11 //
12 // Context Sensitive Menu / Layer (alt_clickmenu.php creates it)
13 //
14
15 table.typo3-CSM {
16 tr.typo3-CSM-itemRow {
17 td {
18 padding: 2px 6px;
19
20 .t3-icon {
21 vertical-align: bottom;
22 }
23
24 //
25 // the 1px image between every contextmenu group needs to be set to block, otherwise the border cell is way too high
26 // see https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps#Setting_images_to_be_blocks
27 //
28 img {
29 display: block;
30 }
31 }
32 &:hover {
33 background-color: #e9e9e9;
34 }
35 }
36
37 td.typo3-CSM-item {
38 white-space: nowrap;
39 }
40
41 tr.typo3-CSM-itemRow {
42 cursor: pointer;
43 }
44
45 tr.bgColor2 {
46 background-color: #b6b6b6;
47 }
48 }
49
50 //
51 // special backend elements
52 //
53
54 //
55 // Context Sensitive Menu / Top frame (alt_clickmenu.php):
56 //
57
58 body#typo3-alt-clickmenu-php {
59 margin-top: 10px;
60 }
61
62 //
63 // Context Sensitive Menu / Top frame (alt_clickmenu.php):
64 //
65
66 #contentMenu0 {
67 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
68 }
69
70 div#contentMenu0 {
71 position: absolute;
72 z-index: 10;
73 }
74
75 div#contentMenu1 {
76 position: absolute;
77 z-index: 20;
78 }