Revision 5a4ea214
Von Sven Schöling vor fast 8 Jahren hinzugefügt
| SL/Layout/MenuLeft.pm | ||
|---|---|---|
| 26 | 26 |
} |
| 27 | 27 |
|
| 28 | 28 |
sub pre_content {
|
| 29 |
"<div id='html-menu-container'><div id='html-menu'></div></div>\n";
|
|
| 29 |
"<div id='html-menu'></div>\n";
|
|
| 30 | 30 |
} |
| 31 | 31 |
|
| 32 | 32 |
sub section_menu {
|
| css/kivitendo/menu.css | ||
|---|---|---|
| 179 | 179 |
each line is a mi (menuitem) and has one mii (menu-item-icon) whcih is ms (menu-spacer) |
| 180 | 180 |
and one mic (menu-item-chunk) |
| 181 | 181 |
indenting is done with the levels s0, s1, s2 */ |
| 182 |
#html-menu-container {
|
|
| 183 |
position: fixed; |
|
| 184 |
bottom: 0%; |
|
| 185 |
top: 0%; |
|
| 186 |
} |
|
| 187 |
|
|
| 188 | 182 |
#html-menu {
|
| 183 |
position: fixed; |
|
| 189 | 184 |
overflow-y: scroll; |
| 190 |
height: 100%; |
|
| 185 |
overflow-x: hidden; |
|
| 186 |
height: 95%; |
|
| 191 | 187 |
transition: margin-left 0.2s, width 0.2s; |
| 192 | 188 |
-moz-transition: margin-left 0.2s, width 0.2s; |
| 193 | 189 |
-webkit-transition: margin-left 0.2s, width 0.2s; |
| ... | ... | |
| 196 | 192 |
div.layout-split-right { margin-left: 190px; }
|
| 197 | 193 |
div.layout-split-right.folded { margin-left: 40px }
|
| 198 | 194 |
#html-menu.folded:hover + div.layout-split-right.folded { margin-left: 190px }
|
| 199 |
#html-menu { float:left; width: 183px; font-size: 8pt; margin-top: 10px; overflow:hidden; }
|
|
| 195 |
#html-menu { float:left; width: 183px; font-size: 8pt; margin-top: 10px; }
|
|
| 200 | 196 |
#html-menu.folded { width: 32px; }
|
| 201 | 197 |
#html-menu.folded:hover { width: 183px; }
|
| 202 | 198 |
#html-menu div.mi { margin-top: 4px; margin-bottom: 3px; white-space: nowrap; clear:both; position:relative; }
|
| css/lx-office-erp/menu.css | ||
|---|---|---|
| 181 | 181 |
each line is a mi (menuitem) and has one mii (menu-item-icon) whcih is ms (menu-spacer) |
| 182 | 182 |
and one mic (menu-item-chunk) |
| 183 | 183 |
indenting is done with the levels s0, s1, s2 */ |
| 184 |
#html-menu-container {
|
|
| 185 |
position: fixed; |
|
| 186 |
bottom: 0%; |
|
| 187 |
top: 0%; |
|
| 188 |
} |
|
| 189 |
|
|
| 190 | 184 |
#html-menu {
|
| 185 |
position: fixed; |
|
| 191 | 186 |
overflow-y: scroll; |
| 192 |
height: 100%; |
|
| 187 |
overflow-x: hidden; |
|
| 188 |
height: 95%; |
|
| 193 | 189 |
transition: margin-left 0.2s, width 0.2s; |
| 194 | 190 |
-moz-transition: margin-left 0.2s, width 0.2s; |
| 195 | 191 |
-webkit-transition: margin-left 0.2s, width 0.2s; |
| 196 | 192 |
-o-transition: margin-left 0.2s, width 0.2s; |
| 197 | 193 |
} |
| 198 | 194 |
|
| 199 |
div.layout-split-right { margin-left: 190px; }
|
|
| 195 |
div.layout-split-right { margin-left: 190px; height: 100%; }
|
|
| 200 | 196 |
div.layout-split-right.folded { margin-left: 40px }
|
| 201 | 197 |
#html-menu.folded:hover + #content.layout-split-right.folded { margin-left: 190px }
|
| 202 |
#html-menu { float:left; width: 183px; font-size: 85%; margin-top: 10px; overflow:hidden; }
|
|
| 198 |
#html-menu { float:left; width: 183px; font-size: 85%; margin-top: 10px; }
|
|
| 203 | 199 |
#html-menu.folded { width: 32px; }
|
| 204 | 200 |
#html-menu.folded:hover { width: 183px; }
|
| 205 | 201 |
#html-menu div.mi { margin-top: 4px; margin-bottom: 3px; white-space: nowrap; clear:both; position:relative; }
|
Auch abrufbar als: Unified diff
ActionBar: Und nochmal Korrektur zu html Menü scrolling