xpltdco/chrysopedia
2
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

feat: Added overflow: hidden, word-break, max-width: 100%, and min-widt…

Browse source 
- "frontend/src/App.css"

GSD-Task: S05/T01
This commit is contained in:
jlightner 2026-03-30 19:41:41 +00:00
parent 031f6d3d5b
commit eae4da48f8
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/App.css
View file

@ -1514,6 +1514,7 @@ a.app-footer__repo:hover {
background: var(--color-bg-surface); background: var(--color-bg-surface);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: 0.5rem; border-radius: 0.5rem;
overflow: hidden;
} }
.technique-moment__title { .technique-moment__title {
@ -1522,6 +1523,7 @@ a.app-footer__repo:hover {
font-size: 0.9375rem; font-size: 0.9375rem;
font-weight: 600; font-weight: 600;
line-height: 1.3; line-height: 1.3;
word-break: break-word;
} }
.technique-moment__meta { .technique-moment__meta {
@ -1530,6 +1532,7 @@ a.app-footer__repo:hover {
gap: 0.5rem; gap: 0.5rem;
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
flex-wrap: wrap; flex-wrap: wrap;
min-width: 0;
} }
.technique-moment__time { .technique-moment__time {
@ -1542,7 +1545,7 @@ a.app-footer__repo:hover {
font-size: 0.75rem; font-size: 0.75rem;
color: var(--color-text-muted); color: var(--color-text-muted);
font-family: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace; font-family: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;
max-width: 20rem; max-width: 100%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;