feat(api,web): modélisation série + volume et parcours de série
- Table series + colonnes seriesId/volumeNumber/volumeLabel sur les livres, extraction souple des numéros (T03, 003, etc.) via extract-series-volume - Contrôleur et page de série, badge volume sur les cartes de livre, styles associés (fond/clarté série, ajustements globaux) - Statuts de scan/enrichissement et provenance des métadonnées en base Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Git Agent
@ -173,6 +173,7 @@ h2 {
|
||||
|
||||
.cover-button,
|
||||
.book-portrait {
|
||||
position: relative;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
width: 100%;
|
||||
@ -187,6 +188,19 @@ h2 {
|
||||
color: var(--brass);
|
||||
}
|
||||
|
||||
.cover-loading {
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
bottom: 7px;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border: 2px solid rgba(247, 240, 223, 0.78);
|
||||
border-top-color: var(--brass);
|
||||
border-radius: 999px;
|
||||
background: rgba(23, 17, 13, 0.62);
|
||||
animation: spin 0.9s linear infinite;
|
||||
}
|
||||
|
||||
.cover-button img,
|
||||
.book-portrait img {
|
||||
width: 100%;
|
||||
@ -223,6 +237,10 @@ h2 {
|
||||
-webkit-line-clamp: 3;
|
||||
}
|
||||
|
||||
.book-card-submeta {
|
||||
font-size: 0.82rem;
|
||||
}
|
||||
|
||||
.book-card-meta,
|
||||
.book-card-actions,
|
||||
.section-heading,
|
||||
@ -232,6 +250,12 @@ h2 {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.book-card-meta {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.book-card-actions,
|
||||
.section-heading {
|
||||
justify-content: space-between;
|
||||
@ -251,6 +275,7 @@ h2 {
|
||||
}
|
||||
|
||||
.format-pill {
|
||||
flex: 0 0 auto;
|
||||
padding: 4px 7px;
|
||||
border-radius: 999px;
|
||||
color: #17110d;
|
||||
@ -259,6 +284,27 @@ h2 {
|
||||
background: var(--brass);
|
||||
}
|
||||
|
||||
.volume-pill {
|
||||
flex: 0 0 auto;
|
||||
max-width: 48px;
|
||||
overflow: hidden;
|
||||
padding: 4px 7px;
|
||||
border: 1px solid rgba(213, 168, 77, 0.56);
|
||||
border-radius: 999px;
|
||||
color: #f5dfaa;
|
||||
font-size: 0.72rem;
|
||||
font-weight: 900;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
background: rgba(213, 168, 77, 0.12);
|
||||
}
|
||||
|
||||
.book-card-language {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.format-pdf {
|
||||
background: var(--lacquer);
|
||||
color: var(--ink);
|
||||
@ -274,6 +320,35 @@ h2 {
|
||||
color: var(--ink);
|
||||
}
|
||||
|
||||
.metadata-pill {
|
||||
width: max-content;
|
||||
max-width: 100%;
|
||||
padding: 4px 7px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 999px;
|
||||
color: var(--ink-muted);
|
||||
font-size: 0.72rem;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.metadata-enriched {
|
||||
border-color: rgba(45, 111, 99, 0.72);
|
||||
color: #d8fff5;
|
||||
background: rgba(45, 111, 99, 0.18);
|
||||
}
|
||||
|
||||
.metadata-partial {
|
||||
border-color: rgba(213, 168, 77, 0.68);
|
||||
color: #f5dfaa;
|
||||
background: rgba(213, 168, 77, 0.12);
|
||||
}
|
||||
|
||||
.metadata-missing {
|
||||
border-color: rgba(169, 72, 52, 0.62);
|
||||
color: #f2b8aa;
|
||||
background: rgba(169, 72, 52, 0.12);
|
||||
}
|
||||
|
||||
.continue-grid,
|
||||
.library-list,
|
||||
.job-list {
|
||||
@ -281,9 +356,15 @@ h2 {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.job-list {
|
||||
max-height: 350px;
|
||||
overflow: auto;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.continue-tile,
|
||||
.library-list button,
|
||||
.job-list div,
|
||||
.job-list > div,
|
||||
.library-table > div {
|
||||
display: grid;
|
||||
gap: 5px;
|
||||
@ -300,6 +381,62 @@ h2 {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.job-copy {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.job-list time {
|
||||
color: var(--ink-muted);
|
||||
font-size: 0.82rem;
|
||||
}
|
||||
|
||||
.job-copy small {
|
||||
display: block;
|
||||
margin-top: 3px;
|
||||
color: var(--ink-muted);
|
||||
}
|
||||
|
||||
.continue-tile {
|
||||
grid-template-columns: 52px minmax(0, 1fr);
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.continue-cover {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
aspect-ratio: 2 / 3;
|
||||
overflow: hidden;
|
||||
border: 1px solid rgba(213, 168, 77, 0.35);
|
||||
border-radius: 5px;
|
||||
background:
|
||||
linear-gradient(135deg, rgba(213, 168, 77, 0.2), rgba(45, 111, 99, 0.22)),
|
||||
var(--paper-soft);
|
||||
color: var(--brass);
|
||||
}
|
||||
|
||||
.continue-cover img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.continue-copy {
|
||||
display: grid;
|
||||
gap: 5px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.continue-copy > span {
|
||||
color: var(--ink-muted);
|
||||
}
|
||||
|
||||
.continue-copy .metadata-pill {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.library-copy {
|
||||
display: grid;
|
||||
gap: 7px;
|
||||
@ -523,7 +660,7 @@ select {
|
||||
|
||||
.provider-row {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(210px, 1fr) minmax(190px, 280px) auto;
|
||||
grid-template-columns: minmax(210px, 1fr) minmax(240px, 360px) auto;
|
||||
gap: 12px;
|
||||
align-items: center;
|
||||
padding: 12px;
|
||||
@ -541,6 +678,51 @@ select {
|
||||
color: var(--ink-muted);
|
||||
}
|
||||
|
||||
.provider-config {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.provider-state-line {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.provider-state-line small {
|
||||
flex: 1 1 160px;
|
||||
}
|
||||
|
||||
.provider-warning {
|
||||
margin: 0;
|
||||
padding: 8px 10px;
|
||||
border: 1px solid rgba(213, 168, 77, 0.45);
|
||||
border-radius: 6px;
|
||||
color: #f5dfaa;
|
||||
background: rgba(213, 168, 77, 0.1);
|
||||
}
|
||||
|
||||
.provider-state-configured {
|
||||
border-color: rgba(45, 111, 99, 0.72);
|
||||
color: #d8fff5;
|
||||
background: rgba(45, 111, 99, 0.18);
|
||||
}
|
||||
|
||||
.provider-state-missing-config {
|
||||
border-color: rgba(213, 168, 77, 0.68);
|
||||
color: #f5dfaa;
|
||||
background: rgba(213, 168, 77, 0.12);
|
||||
}
|
||||
|
||||
.provider-state-limited,
|
||||
.provider-state-error {
|
||||
border-color: rgba(169, 72, 52, 0.62);
|
||||
color: #f2b8aa;
|
||||
background: rgba(169, 72, 52, 0.12);
|
||||
}
|
||||
|
||||
.provider-actions,
|
||||
.save-bar,
|
||||
.save-bar div {
|
||||
@ -635,6 +817,33 @@ select {
|
||||
min-height: 520px;
|
||||
}
|
||||
|
||||
.book-fact-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 10px;
|
||||
margin: 6px 0 14px;
|
||||
}
|
||||
|
||||
.book-fact-list > div {
|
||||
min-width: 0;
|
||||
padding: 10px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 6px;
|
||||
background: rgba(255, 255, 255, 0.035);
|
||||
}
|
||||
|
||||
.book-fact-list dt {
|
||||
color: var(--ink-muted);
|
||||
font-size: 0.76rem;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.book-fact-list dd {
|
||||
margin: 4px 0 0;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.lead {
|
||||
font-size: 1.15rem;
|
||||
}
|
||||
@ -656,6 +865,11 @@ select {
|
||||
background: #120e0b;
|
||||
}
|
||||
|
||||
.reader-page:fullscreen {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.reader-topbar {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
@ -687,6 +901,12 @@ select {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.reader-toolbar .reader-mode-button {
|
||||
gap: 7px;
|
||||
padding-inline: 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.reader-toolbar .active {
|
||||
border-color: rgba(213, 168, 77, 0.72);
|
||||
color: var(--brass);
|
||||
@ -730,6 +950,12 @@ select {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.pdf-reader-vertical,
|
||||
.cbz-reader-vertical {
|
||||
place-items: start center;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.epub-host {
|
||||
display: grid;
|
||||
width: min(100%, 980px);
|
||||
@ -746,18 +972,34 @@ select {
|
||||
color: #17110d;
|
||||
}
|
||||
|
||||
.pdf-reader canvas,
|
||||
.cbz-reader img {
|
||||
.pdf-page-frame,
|
||||
.comic-page-frame {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: 64px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pdf-page-frame canvas {
|
||||
display: block;
|
||||
max-width: min(100%, 980px);
|
||||
max-height: 100%;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius);
|
||||
background: #f7f0df;
|
||||
}
|
||||
|
||||
.cbz-reader img {
|
||||
width: auto;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
max-width: min(100%, 980px);
|
||||
max-height: 100%;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius);
|
||||
background: #f7f0df;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
@ -767,17 +1009,28 @@ select {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.reader-mode-vertical .pdf-reader canvas,
|
||||
.pdf-strip,
|
||||
.comic-strip {
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
gap: 18px;
|
||||
width: 100%;
|
||||
padding: 0 0 24px;
|
||||
}
|
||||
|
||||
.reader-mode-vertical .pdf-page-frame canvas,
|
||||
.reader-mode-vertical .cbz-reader img {
|
||||
width: min(100%, 980px);
|
||||
height: auto;
|
||||
max-height: none;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.reader-mode-horizontal .pdf-reader canvas,
|
||||
.reader-mode-horizontal .pdf-page-frame canvas,
|
||||
.reader-mode-horizontal .cbz-reader img {
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
@ -966,6 +1219,7 @@ select {
|
||||
|
||||
.library-table > div,
|
||||
.search-form,
|
||||
.book-fact-list,
|
||||
.automation-grid,
|
||||
.provider-row,
|
||||
.provider-local,
|
||||
|
||||
Reference in New Issue
Block a user