bvandeusenandClaude Opus 5.5
423275a1e5
CI and images / lint (push) Successful in 3s
CI and images / extension-version (push) Successful in 3s
CI and images / extension-test (push) Successful in 19s
CI and images / frontend-build (push) Successful in 25s
CI and images / backend-lint-and-test (push) Successful in 33s
CI and images / integration (push) Successful in 2m22s
CI and images / build-agent (push) Successful in 6s
CI and images / sign-extension (push) Successful in 4m48s
CI and images / build-web (push) Failing after 6s
CI and images / smoke-web (push) Skipped
CI and images / promote (push) Skipped
Operator: "yes add the artist picker to patreon and subscribestar too. but generally we treat the patreon name as the canon" - Every add now goes through the panel. On Patreon/SubscribeStar it opens on the creator's display name (read only when the panel opens: probe?names=1), searches FC's artists with it, and auto-picks a match. An untouched URL handle sends no name, so the server still resolves it. - Patreon is canon: joining a Patreon source to an artist known by another name offers "Rename “x” to the Patreon name “X”", ticked by default. quick-add's use_platform_name renames server-side from the name it reads itself; name only, the slug never moves (#130); never to a URL handle when the name can't be read; ignored on SubscribeStar and Discord. - _platform_display_name returns None rather than the handle, bounded by the same 6s lookup budget as Discord's names. - panelDefaults / addRequest / renameOffer replace the Discord-only helpers. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LVjrnpQjRgHdvq95rASoiR
103 lines
4.7 KiB
CSS
103 lines
4.7 KiB
CSS
.fc-add-source-btn {
|
|
all: revert;
|
|
position: fixed; bottom: 24px; right: 24px; z-index: 2147483647;
|
|
padding: 10px 16px; border-radius: 999px; border: none;
|
|
background: rgb(20, 23, 26); color: rgb(244, 186, 122);
|
|
font: 500 14px/1.2 system-ui, sans-serif;
|
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); cursor: pointer;
|
|
transition: transform 100ms ease, background 150ms ease, color 150ms ease;
|
|
}
|
|
.fc-add-source-btn:hover { transform: translateY(-1px); }
|
|
.fc-add-source-btn:disabled { opacity: 0.6; cursor: wait; }
|
|
|
|
/* state colors map to the FC palette: parchment-on-slate base,
|
|
accent-orange for new, sage for already-subscribed, amber-warning for
|
|
artist-exists-but-source-missing. All readable on the dark base. */
|
|
.fc-add-source-btn--new {
|
|
background: rgb(20, 23, 26); color: rgb(244, 186, 122);
|
|
}
|
|
.fc-add-source-btn--artist-match {
|
|
background: rgb(28, 23, 16); color: rgb(255, 200, 120);
|
|
border: 1px solid rgb(180, 130, 60);
|
|
}
|
|
.fc-add-source-btn--source-match {
|
|
background: rgb(18, 28, 20); color: rgb(140, 220, 160);
|
|
border: 1px solid rgb(80, 160, 100);
|
|
}
|
|
|
|
.fc-toast {
|
|
all: revert;
|
|
position: fixed; bottom: 84px; right: 24px; z-index: 2147483647;
|
|
max-width: 360px; padding: 12px 16px; border-radius: 8px;
|
|
background: rgb(20, 23, 26); color: rgb(232, 228, 216);
|
|
font: 14px/1.4 system-ui, sans-serif;
|
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
|
|
animation: fc-toast-in 200ms ease;
|
|
}
|
|
.fc-toast--success { border-left: 3px solid rgb(244, 186, 122); }
|
|
.fc-toast--error { border-left: 3px solid rgb(220, 80, 80); }
|
|
@keyframes fc-toast-in {
|
|
from { transform: translateY(20px); opacity: 0; }
|
|
to { transform: translateY(0); opacity: 1; }
|
|
}
|
|
|
|
/* Discord Add panel — sits above the chip. Same slate/parchment palette. */
|
|
.fc-panel {
|
|
all: revert;
|
|
position: fixed; bottom: 76px; right: 24px; z-index: 2147483647;
|
|
box-sizing: border-box; width: 320px; max-width: calc(100vw - 48px);
|
|
padding: 14px 16px; border-radius: 10px;
|
|
background: rgb(20, 23, 26); color: rgb(232, 228, 216);
|
|
border: 1px solid rgb(60, 64, 70);
|
|
font: 14px/1.4 system-ui, sans-serif;
|
|
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.fc-panel__title { font-weight: 600; color: rgb(244, 186, 122); }
|
|
.fc-panel__sub { color: rgb(170, 166, 156); font-size: 12px; margin-bottom: 8px; }
|
|
.fc-panel__label {
|
|
margin: 10px 0 4px; font-size: 11px; letter-spacing: 0.06em;
|
|
text-transform: uppercase; color: rgb(170, 166, 156);
|
|
}
|
|
.fc-panel__radio { display: flex; gap: 8px; align-items: center; padding: 2px 0; cursor: pointer; }
|
|
.fc-panel__radio input { margin: 0; accent-color: rgb(244, 186, 122); }
|
|
.fc-panel__input {
|
|
all: revert; box-sizing: border-box; width: 100%;
|
|
padding: 7px 9px; border-radius: 6px;
|
|
border: 1px solid rgb(70, 74, 80); background: rgb(12, 14, 16); color: inherit;
|
|
font: inherit;
|
|
}
|
|
.fc-panel__input:focus { outline: 2px solid rgb(244, 186, 122); outline-offset: -1px; }
|
|
.fc-panel__results { display: flex; flex-direction: column; max-height: 160px; overflow-y: auto; }
|
|
.fc-panel__result {
|
|
all: revert; text-align: left; padding: 6px 9px; border: none; border-radius: 4px;
|
|
background: transparent; color: inherit; font: inherit; cursor: pointer;
|
|
}
|
|
.fc-panel__result:hover, .fc-panel__result:focus { background: rgb(36, 40, 46); }
|
|
.fc-panel__hint { margin-top: 8px; font-size: 12px; color: rgb(170, 166, 156); }
|
|
.fc-panel__actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
|
|
.fc-panel__btn {
|
|
all: revert; padding: 6px 14px; border-radius: 999px; cursor: pointer;
|
|
border: 1px solid rgb(70, 74, 80); background: transparent; color: inherit;
|
|
font: 500 13px/1.2 system-ui, sans-serif;
|
|
}
|
|
.fc-panel__btn--primary { border-color: rgb(244, 186, 122); background: rgb(244, 186, 122); color: rgb(20, 23, 26); }
|
|
.fc-panel__btn:disabled { opacity: 0.5; cursor: default; }
|
|
|
|
/* Artist autocomplete — the list sits under the field, inside the panel. */
|
|
.fc-panel__combo { position: relative; }
|
|
.fc-panel__results {
|
|
margin-top: 4px; border-radius: 6px;
|
|
background: rgb(12, 14, 16);
|
|
}
|
|
.fc-panel__results:empty { display: none; }
|
|
.fc-panel__results:not(:empty) { border: 1px solid rgb(70, 74, 80); padding: 3px; }
|
|
.fc-panel__result { display: flex; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box; }
|
|
.fc-panel__result--active { background: rgb(52, 44, 32); outline: 1px solid rgb(244, 186, 122); }
|
|
.fc-panel__result--new { color: rgb(244, 186, 122); }
|
|
.fc-panel__result-tag { font-size: 11px; color: rgb(140, 220, 160); }
|
|
.fc-panel__empty { padding: 6px 9px; font-size: 12px; color: rgb(170, 166, 156); }
|
|
.fc-panel__hint--match { color: rgb(140, 220, 160); }
|
|
/* The panel's own [hidden] — its rows are display:flex, which beats the UA's. */
|
|
.fc-panel [hidden] { display: none !important; }
|
|
.fc-panel__rename { margin-top: 8px; font-size: 13px; }
|