Merge commit 'b3b4f77'
# Conflicts: # themes/intotheeast/templates/partials/trip-feed-col.html.twig # themes/intotheeast/templates/trip.html.twig
This commit is contained in:
@@ -269,6 +269,103 @@ body::after {
|
||||
gap: var(--space-1);
|
||||
}
|
||||
|
||||
/* ── Owner card controls (U4): Draft badge + Edit/Delete ─────────────────── */
|
||||
.journal-post-titlerow {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap; /* phone-first: actions wrap below a long title */
|
||||
gap: var(--space-2) var(--space-3);
|
||||
margin-bottom: var(--space-2);
|
||||
}
|
||||
.journal-post-titlerow .journal-post-title { margin-bottom: 0; }
|
||||
|
||||
.journal-draft-badge {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-left: var(--space-2);
|
||||
font-family: var(--font-sans);
|
||||
font-size: 0.6875rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.09em;
|
||||
text-transform: uppercase;
|
||||
color: #E0A458; /* warm amber — draft/unpublished */
|
||||
border: 1px solid #E0A458;
|
||||
border-radius: var(--radius-sm);
|
||||
padding: 0.1em 0.5em;
|
||||
line-height: 1.5;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.journal-post-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-2);
|
||||
flex-wrap: wrap;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.entry-action {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 44px; /* D8 — phone-first tap target */
|
||||
min-width: 44px;
|
||||
padding: 0 var(--space-3);
|
||||
font-family: var(--font-sans);
|
||||
font-size: var(--text-xs);
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.04em;
|
||||
border-radius: var(--radius-sm);
|
||||
border: 1px solid var(--color-border);
|
||||
background: transparent;
|
||||
color: var(--color-ink-2);
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
transition: background .15s, color .15s, border-color .15s;
|
||||
}
|
||||
.entry-action:hover,
|
||||
.entry-action:focus-visible {
|
||||
border-color: var(--color-accent);
|
||||
color: var(--color-accent);
|
||||
outline: none;
|
||||
}
|
||||
/* [hidden] must win over the inline-flex display above (used to swap
|
||||
Delete <-> Cancel/Confirm from feed-actions.js). */
|
||||
.entry-action[hidden] { display: none; }
|
||||
.entry-action--confirm {
|
||||
color: #E5786A; /* soft red — destructive confirm */
|
||||
border-color: #E5786A;
|
||||
}
|
||||
.entry-action--confirm:hover,
|
||||
.entry-action--confirm:focus-visible {
|
||||
background: #E5786A;
|
||||
color: var(--color-ink-inverse);
|
||||
}
|
||||
.entry-delete-confirm {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: var(--space-2);
|
||||
}
|
||||
.entry-delete-confirm[hidden] { display: none; }
|
||||
.entry-delete-msg {
|
||||
font-size: var(--text-xs);
|
||||
color: #E5786A;
|
||||
}
|
||||
.entry-delete-msg:empty { display: none; }
|
||||
|
||||
/* Visually-hidden but screen-reader-available (feed-actions live region). */
|
||||
.sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
white-space: nowrap;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.journal-photo-wrap {
|
||||
position: relative;
|
||||
margin-bottom: var(--space-5);
|
||||
|
||||
Reference in New Issue
Block a user