vincent/gerbeur
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v3: localization fixes, char counters & limits on all text fields, ux fixes

Browse Source
This commit is contained in:
khannurien
2026-04-03 19:47:37 +00:00
parent 0ce80398a4
commit a69788c15b
48 changed files with 1133 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/App.css
View File

@@ -539,7 +539,11 @@
align-items: center;
gap: 0.75rem;
padding: 0.75rem 1rem;
background: color-mix(in srgb, var(--color-accent) 8%, var(--color-surface) 92%);
background: color-mix(
in srgb,
var(--color-accent) 8%,
var(--color-surface) 92%
);
border: 2px solid var(--color-border);
border-radius: 0 0 12px 12px;
}
@@ -740,7 +744,11 @@
min-width: 0;
height: 48px;
border-radius: 3px;
background: color-mix(in srgb, var(--color-accent) 12%, var(--color-border) 88%);
background: color-mix(
in srgb,
var(--color-accent) 12%,
var(--color-border) 88%
);
position: relative;
overflow: hidden;
cursor: pointer;
@@ -2354,7 +2362,6 @@ body.has-player .fab-new {
justify-content: center;
border-radius: 6px;
overflow: hidden;
border: 1px solid var(--color-border);
background: var(--color-bg);
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
@@ -2370,6 +2377,7 @@ body.has-player .fab-new {
.playlist-card-icon {
font-size: 1.4rem;
opacity: 0.7;
line-height: 1;
}
/* Fill the 48×48 preview box and center content for media buttons */
@@ -2380,10 +2388,16 @@ body.has-player .fab-new {
justify-content: center;
}
.dump-card-preview .rich-content-compact {
width: 48px;
height: 48px;
justify-content: center;
}
.dump-card-preview .rich-content-compact-thumbnail {
width: 100%;
height: 100%;
object-fit: cover;
width: 48px;
height: 48px;
object-fit: contain;
border-radius: 0;
border: none;
}
@@ -3450,10 +3464,12 @@ body.has-player .fab-new {
.journal-card--large .journal-card-comment {
-webkit-line-clamp: 3;
line-clamp: 3;
}
.journal-card--medium .journal-card-comment {
-webkit-line-clamp: 1;
line-clamp: 1;
}
.journal-card-footer {
@@ -3791,6 +3807,28 @@ body.has-player .fab-new {
outline-offset: -2px;
}
.input-with-count {
display: flex;
flex-direction: column;
width: 100%;
}
.text-editor-count {
display: block;
text-align: right;
font-size: 0.7rem;
color: var(--color-text-muted);
margin-top: 2px;
user-select: none;
}
.text-editor-count--warn {
color: var(--color-warning, #c97a00);
}
.text-editor-count--danger {
color: var(--color-danger, #c0392b);
font-weight: 600;
}
.mention-dropdown {
position: absolute;
top: 100%;