Changeset 37476

Timestamp:

2023-03-13T12:13:32+13:00 (11 days ago)

Author:

kjdon

Message:

some changes to userMenu - this had used absolute positioning relative to the page, so if you resized the page, the top button would move but the menu wouldn't. added a div inside the li, position relative, so the absolute positioning of the user menu would stay relative to that div. it does now look a bit odd as the menu is scrunched up inside the div. but at least it stays in place. moved some styling out to core.css

File:

• main/trunk/greenstone3/web/interfaces/default/transform/layouts/header.xsl (modified) (5 diffs)

main/trunk/greenstone3/web/interfaces/default/transform/layouts/header.xsl

@@ -469 +469 @@
     {
     menu = button.data("userMenu");
+
     if(menu.css("display") == "block")
     {
@@ -481 +482 @@
     {
     menu = $("<ul>")
-    .css("position", "absolute")
-    .css("display", "block")
-    .css("z-index", "100")
-    .css("list-style", "none outside none")
-    .css("margin", "0px")
-    .css("padding", "0px")
-    .css("font-size", "90%");
+        .css("display", "block");
     
     menu.attr("id", "userMenu");
@@ -587 +582 @@
     menu.append(logoutLink);
 
-    var buttonLeft = button.offset().left;
-    var buttonTop = button.offset().top;
-
     var buttonHeight = button.height();
-
-    menu.offset({top: buttonTop + buttonHeight + 4, left: buttonLeft});
-    $("#topArea").append(menu);
+        menu.css("top", buttonHeight + 4);
+        menu.css("left", 0);
+    $("#userMenuDiv").append(menu);
     }
     }
@@ -699 +691 @@
   
   <xsl:template name="LoginoutLink">
+    <div id="userMenuDiv" style="position:relative;">
     <!-- login/logout -->
     <xsl:choose>
@@ -717 +710 @@
       </xsl:otherwise>
     </xsl:choose>
+    </div>
   </xsl:template>