fix(admin): drop overflow-hidden from action-dropdown tables
The Users and Devices tables had `overflow-hidden` on the wrapper div for clean rounded corners. That same clipping was hiding the bottom half of the per-row action menu (a `<details>`/`<summary>` popover absolutely positioned inside the last cell). Removing `overflow-hidden` lets the dropdown extend past the table edge — the popover already has its own border + shadow, so the loss in corner aesthetics is negligible. The other read-only tables (audit, recordings, oidc, address_books) keep `overflow-hidden` since they don't host popovers. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -84,9 +84,12 @@ async fn render_table(state: &Arc<AppState>) -> Result<String, ApiError> {
|
||||
.await
|
||||
.map_err(|e| ApiError::Internal(e.to_string()))?;
|
||||
let mut s = String::new();
|
||||
// No `overflow-hidden` on the table wrapper: the per-row action menu is
|
||||
// an absolutely-positioned `<details>` popover inside a <td>, and the
|
||||
// wrapper's clipping was hiding the bottom half of the menu.
|
||||
let _ = write!(
|
||||
s,
|
||||
r##"<div class="rounded-md border border-slate-800 bg-slate-900 overflow-hidden">
|
||||
r##"<div class="rounded-md border border-slate-800 bg-slate-900">
|
||||
<table class="w-full text-sm">
|
||||
<thead class="text-xs uppercase text-slate-500 bg-slate-950">
|
||||
<tr>
|
||||
|
||||
@@ -335,8 +335,11 @@ async fn render_table(state: &Arc<AppState>) -> Result<String, ApiError> {
|
||||
}
|
||||
}
|
||||
let mut s = String::new();
|
||||
// No `overflow-hidden` on the table wrapper: the per-row action menu is
|
||||
// an absolutely-positioned `<details>` popover inside a <td>, and the
|
||||
// wrapper's clipping was hiding the bottom half of the menu.
|
||||
s.push_str(
|
||||
r##"<div class="rounded-md border border-slate-800 bg-slate-900 overflow-hidden">
|
||||
r##"<div class="rounded-md border border-slate-800 bg-slate-900">
|
||||
<table class="w-full text-sm">
|
||||
<thead class="text-xs uppercase text-slate-500 bg-slate-950">
|
||||
<tr>
|
||||
|
||||
Reference in New Issue
Block a user