Fix dashboard switching on Mobile (#20238)

- This is a regression of improving mobile experience on Gitea, currently organization dashboard aren't readable and the popup won't show up when you want to switch between users/organization(as we saw in #19978). 
- This patch fixes that, by allowing the popup to allocate the required pixels(for some absurd reason, z-index doesn't work on the popup, so it's not able to render over the existing elements, we can investigate later of why this is). And also remove the additional dropdown menu for the pages link, so it's one unified list which then can be displayed as rows.

2 files changed, 10 insertions, 0 deletions

diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index eb55ca8da8..0bf46497e3 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -2206,6 +2206,10 @@ table th[data-sortt-desc] {
     > .dropdown.item {
       position: initial;
     }
+
+    .menu {
+      flex-direction: row;
+    }
   }
 }
 
diff --git a/web_src/less/_dashboard.less b/web_src/less/_dashboard.less
index 3c83009c25..d37d9ab161 100644
--- a/web_src/less/_dashboard.less
+++ b/web_src/less/_dashboard.less
@@ -81,6 +81,12 @@
 
     .ui.dropdown {
       max-width: 100%;
+
+      @media @mediaSm {
+        > .menu {
+          position: static;
+        }
+      }
     }
   }
 }