Unify inherent menu panel styles

GrantGryczan · GrantGryczan · commit 9ba291b581e2 · 2026-01-17T03:18:50.000-05:00
diff --git a/frontend/components/AccountMenu.vue b/frontend/components/AccountMenu.vue
@@ -133,9 +133,6 @@ async function signOut() {
 }
 
 .account-menu {
-  position: absolute;
   right: 0;
-  margin-top: 0.5rem;
-  z-index: 1;
 }
 </style>
diff --git a/frontend/components/MenuPanel.vue b/frontend/components/MenuPanel.vue
@@ -6,6 +6,10 @@
 
 <style scoped lang="scss">
 .menu-panel {
+  position: absolute;
+  z-index: 1;
+  margin-top: 4px;
+
   --border-radius-containing-block: 0.5rem;
   padding: var(--border-radius-containing-block) 0;
 }
diff --git a/frontend/components/SplitButton.vue b/frontend/components/SplitButton.vue
@@ -161,12 +161,7 @@ $menu-button-width: calc(2 * $menu-button-padding-x + 1em);
 }
 
 .menu {
-  position: absolute;
-  z-index: 1;
-
   min-width: 100%;
-  margin-top: 4px;
-
   font-size: 1rem;
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -161,12 +161,7 @@ $menu-button-width: calc(2 * $menu-button-padding-x + 1em);`
`161`	`161`	`}`
`162`	`162`
`163`	`163`	`.menu {`
`164`		`- position: absolute;`
`165`		`- z-index: 1;`
`166`		`-`
`167`	`164`	`min-width: 100%;`
`168`		`- margin-top: 4px;`
`169`		`-`
`170`	`165`	`font-size: 1rem;`
`171`	`166`	`}`
`172`	`167`	`</style>`