← Commit history

1.3.13: header center zone yields instead of overlapping the action icons (overflow contract + ellipsis on the meta line, meta hidden under 1180px, subtitle under 900px)

John Lauer ·7102865799 ·1mo ago ·parent 6ccf827
3 files changed +9−5
Cargo.lock+1−1
@@ -4,7 +4,7 @@ version = 4  [[package]] name = "adom-chip-fetcher"-version = "1.3.12"+version = "1.3.13" dependencies = [  "anyhow",  "clap",
Cargo.toml+1−1
@@ -1,6 +1,6 @@ [package] name = "adom-chip-fetcher"-version = "1.3.12"+version = "1.3.13" edition = "2021" description = "Crawls the web on your behalf to gather everything about the chips you care about (datasheet, symbol, footprint, 3D, stock) into one library, by driving Chrome via pup." 
src/ui/index.html+7−3
@@ -60,7 +60,7 @@ header{flex:0 0 44px;height:44px;display:flex;align-items:center;gap:12px;paddin .brand .app-subtitle{color:var(--text-2);font-weight:500} .brand .sep{color:var(--text-3);font-weight:400} .vsep{width:1px;height:18px;background:var(--border);flex-shrink:0}-.subject{display:flex;align-items:center;gap:8px;min-width:0;flex:1;cursor:default}+.subject{display:flex;align-items:center;gap:8px;min-width:0;flex:1;cursor:default;overflow:hidden} .subject-name{color:var(--text);font:600 14px var(--brand-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .subject-name.idle{color:var(--text-2);font-weight:500} .state-pill{display:none;font:600 11px/1 var(--brand-heading);padding:4px 9px;border-radius:999px;flex-shrink:0;border:1px solid transparent}@@ -69,9 +69,13 @@ header{flex:0 0 44px;height:44px;display:flex;align-items:center;gap:12px;paddin .state-pill.stub{background:var(--yellow-10);color:var(--yellow);border-color:var(--yellow-35)} .state-pill.fetching{background:var(--accent-10);color:var(--accent);border-color:var(--accent-35);animation:pillpulse 1.2s ease-in-out infinite} @keyframes pillpulse{0%,100%{opacity:1}50%{opacity:.55}}-.subject-meta{display:flex;align-items:center;gap:6px;color:var(--text-2);font:11px var(--mono);white-space:nowrap}+.subject-meta{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-2);font:11px/44px var(--mono);white-space:nowrap}+.subject-meta>span{display:inline} .subject-meta .sep{color:var(--text-3)}-.actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}+.actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;background:var(--surface);position:relative}+@media (max-width:1180px){.subject-meta{display:none}}+@media (max-width:900px){.brand .app-subtitle,.brand .sep{display:none}}+@media (max-width:640px){.subject-name{display:none}} .iconbtn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:8px;color:var(--text-2);padding:0} .iconbtn svg{width:18px;height:18px} .iconbtn:hover{background:var(--elevated);border-color:var(--border);color:var(--text)}