Allinea verticalmente le righe della tabella sessioni admin.

Il flex era sulla td e spezzava vertical-align; ora sta nel contenuto e l'ingest è su una riga.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-08-20 16:21:03 +02:00
co-authored by Cursor
parent a07f231417
commit 60dfe7a75b
4 changed files with 53 additions and 15 deletions
@@ -120,11 +120,13 @@
<td><span class="badge badge--<%= s.status == 'live' ? 'live' : (s.status == 'paused' ? 'paused' : 'connecting') %>"><%= s.status %></span></td>
<td><%= render "admin/sessions/ingest_cell", session: s %></td>
<td class="muted"><%= s.started_at&.strftime("%d/%m %H:%M") || t("admin.common.dash") %></td>
<td class="admin-link-compact">
<td>
<div class="admin-link-compact">
<% admin_session_watch_links(s).each do |link| %>
<%= link_to link[:label], link[:url], target: "_blank", rel: "noopener", class: "admin-link-chip" %>
<% end %>
<%= link_to t("admin.dashboard.sessions.regia"), admin_session_path(s), class: "admin-link-chip admin-link-chip--regia" %>
</div>
</td>
<td class="admin-actions">
<%= link_to t("admin.dashboard.sessions.detail"), admin_session_path(s) %>
@@ -17,11 +17,13 @@
<td><span class="badge <%= s.status == 'live' ? 'badge--live' : 'badge--paused' %>"><%= s.status %></span></td>
<td><%= render "admin/sessions/ingest_cell", session: s %></td>
<td><%= s.disconnection_count %></td>
<td class="admin-link-compact">
<td>
<div class="admin-link-compact">
<% admin_session_watch_links(s).each do |link| %>
<%= link_to link[:label], link[:url], target: "_blank", rel: "noopener", class: "admin-link-chip" %>
<% end %>
<%= link_to t("admin.sessions.index.regia"), admin_session_path(s), class: "admin-link-chip admin-link-chip--regia" %>
</div>
</td>
<td><%= link_to t("admin.sessions.index.detail"), admin_session_path(s) %></td>
</tr>
+1 -1
View File
@@ -4,7 +4,7 @@
<title><%= t("admin.layout.title") %></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="/admin.css?v=8">
<link rel="stylesheet" href="/admin.css?v=10">
<% if content_for?(:replay_archive_styles) %>
<link rel="stylesheet" href="/marketing.css?v=42">
<% end %>
+38 -4
View File
@@ -206,6 +206,7 @@ body.admin-body {
.admin-table td {
padding: 0.65rem 0.5rem;
text-align: left;
vertical-align: middle;
border-bottom: 1px solid var(--card-border);
}
@@ -235,10 +236,11 @@ body.admin-body {
.badge--ingest-cloud { background: #e65100; color: #fff3e0; }
.admin-ingest {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem;
}
.admin-ingest__slug {
font-size: 0.85rem;
@@ -321,9 +323,11 @@ body.admin-body {
word-break: break-all;
}
/* Flex sul contenuto, non sulla <td>: altrimenti si rompe vertical-align della riga. */
.admin-link-compact {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem;
}
@@ -675,6 +679,36 @@ body.admin-body {
gap: 0.25rem;
}
.admin-locale-tabs {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
}
.admin-locale-tab {
background: #2a2a2a;
border: 1px solid #444;
color: var(--text);
border-radius: 6px;
padding: 0.4rem 0.75rem;
cursor: pointer;
font-size: 0.85rem;
}
.admin-locale-tab.is-active {
border-color: #ff2d2d;
background: #3a1515;
}
.admin-locale-panel {
display: grid;
gap: 0.75rem;
}
.admin-locale-panel[hidden] {
display: none;
}
.admin-form-actions {
display: flex;
flex-wrap: wrap;