ActionBar: Und nochmal Korrektur zu html Menü scrolling

diff --git a/SL/Layout/MenuLeft.pm b/SL/Layout/MenuLeft.pm
index 054757ffb0797bd7b14f30b25861540c51dc56d6..25119fed2265611f889e56db40d038ae35ac8b9e 100644 (file)
--- a/SL/Layout/MenuLeft.pm
+++ b/SL/Layout/MenuLeft.pm
@@ -26,7 +26,7 @@ sub javascripts {
 }
 
 sub pre_content {
 }
 
 sub pre_content {

-  "<div id='html-menu-container'><div id='html-menu'></div></div>\n";
+  "<div id='html-menu'></div>\n";

 }
 
 sub section_menu {
 }
 
 sub section_menu {

diff --git a/css/kivitendo/menu.css b/css/kivitendo/menu.css
index 1573e4eac871cf722d14e21c6d1d00c7744b8ceb..6674164f0757fd2840bfdef4099a489f4d9eb6ef 100644 (file)
--- a/css/kivitendo/menu.css
+++ b/css/kivitendo/menu.css
@@ -179,15 +179,11 @@ li.sub {
    each line is a mi (menuitem) and has one mii (menu-item-icon) whcih is ms (menu-spacer)
    and one mic (menu-item-chunk)
    indenting is done with the levels s0, s1, s2 */
    each line is a mi (menuitem) and has one mii (menu-item-icon) whcih is ms (menu-spacer)
    and one mic (menu-item-chunk)
    indenting is done with the levels s0, s1, s2 */

-#html-menu-container {
-  position: fixed;
-  bottom: 0%;
-  top: 0%;
-}
-

 #html-menu {
 #html-menu {

+  position: fixed;

   overflow-y: scroll;
   overflow-y: scroll;

-  height: 100%;
+  overflow-x: hidden;
+  height: 95%;

   transition:         margin-left 0.2s, width 0.2s;
   -moz-transition:    margin-left 0.2s, width 0.2s;
   -webkit-transition: margin-left 0.2s, width 0.2s;
   transition:         margin-left 0.2s, width 0.2s;
   -moz-transition:    margin-left 0.2s, width 0.2s;
   -webkit-transition: margin-left 0.2s, width 0.2s;


@@ -196,7 +192,7 @@ li.sub {
 div.layout-split-right { margin-left: 190px; }
 div.layout-split-right.folded { margin-left: 40px }
 #html-menu.folded:hover + div.layout-split-right.folded { margin-left: 190px }
 div.layout-split-right { margin-left: 190px; }
 div.layout-split-right.folded { margin-left: 40px }
 #html-menu.folded:hover + div.layout-split-right.folded { margin-left: 190px }

-#html-menu { float:left; width: 183px; font-size: 8pt; margin-top: 10px; overflow:hidden; }
+#html-menu { float:left; width: 183px; font-size: 8pt; margin-top: 10px; }

 #html-menu.folded { width: 32px; }
 #html-menu.folded:hover { width: 183px; }
 #html-menu div.mi { margin-top: 4px; margin-bottom: 3px; white-space: nowrap; clear:both; position:relative; }
 #html-menu.folded { width: 32px; }
 #html-menu.folded:hover { width: 183px; }
 #html-menu div.mi { margin-top: 4px; margin-bottom: 3px; white-space: nowrap; clear:both; position:relative; }

diff --git a/css/lx-office-erp/menu.css b/css/lx-office-erp/menu.css
index 20e0dd44770f6d248312713c2039c996f6875c04..5eec39f84f0c9a22653c38344d9baad5799b9c86 100644 (file)
--- a/css/lx-office-erp/menu.css
+++ b/css/lx-office-erp/menu.css
@@ -181,25 +181,21 @@ div#menuv3 li li li li:hover ul
    each line is a mi (menuitem) and has one mii (menu-item-icon) whcih is ms (menu-spacer)
    and one mic (menu-item-chunk)
    indenting is done with the levels s0, s1, s2 */
    each line is a mi (menuitem) and has one mii (menu-item-icon) whcih is ms (menu-spacer)
    and one mic (menu-item-chunk)
    indenting is done with the levels s0, s1, s2 */

-#html-menu-container {
-  position: fixed;
-  bottom: 0%;
-  top: 0%;
-}
-

 #html-menu {
 #html-menu {

+  position: fixed;

   overflow-y: scroll;
   overflow-y: scroll;

-  height: 100%;
+  overflow-x: hidden;
+  height: 95%;

   transition:         margin-left 0.2s, width 0.2s;
   -moz-transition:    margin-left 0.2s, width 0.2s;
   -webkit-transition: margin-left 0.2s, width 0.2s;
   -o-transition:      margin-left 0.2s, width 0.2s;
 }
 
   transition:         margin-left 0.2s, width 0.2s;
   -moz-transition:    margin-left 0.2s, width 0.2s;
   -webkit-transition: margin-left 0.2s, width 0.2s;
   -o-transition:      margin-left 0.2s, width 0.2s;
 }
 

-div.layout-split-right { margin-left: 190px; }
+div.layout-split-right { margin-left: 190px; height: 100%; }

 div.layout-split-right.folded { margin-left: 40px }
 #html-menu.folded:hover + #content.layout-split-right.folded { margin-left: 190px }
 div.layout-split-right.folded { margin-left: 40px }
 #html-menu.folded:hover + #content.layout-split-right.folded { margin-left: 190px }

-#html-menu { float:left; width: 183px; font-size: 85%; margin-top: 10px; overflow:hidden; }
+#html-menu { float:left; width: 183px; font-size: 85%; margin-top: 10px; }

 #html-menu.folded { width: 32px; }
 #html-menu.folded:hover { width: 183px; }
 #html-menu div.mi { margin-top: 4px; margin-bottom: 3px; white-space: nowrap; clear:both; position:relative; }
 #html-menu.folded { width: 32px; }
 #html-menu.folded:hover { width: 183px; }
 #html-menu div.mi { margin-top: 4px; margin-bottom: 3px; white-space: nowrap; clear:both; position:relative; }