blog/2025
1
Fork 0
Code Issues Activity

Ajout d'un bloc d'historique de modifications

Browse Source
This commit is contained in:
Richard Dern
2026-04-05 00:37:25 +02:00
parent adcb370623
commit e3ba6446b4
6 changed files with 145 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
themes/2026/assets/css/content.css
View File

@@ -618,6 +618,11 @@ main > article > section.article-asides > section.article-taxonomies {
background: linear-gradient(180deg, rgba(93, 134, 173, 0.18) 0%, rgba(17, 27, 42, 0.56) 100%);
}
main > article > section.article-asides > section.article-change-history {
border-top-color: var(--color-section-divider-2);
background: linear-gradient(180deg, rgba(143, 106, 216, 0.2) 0%, rgba(17, 27, 42, 0.56) 100%);
}
main > article > section.article-asides > section.article-aside-block > h2 {
margin-top: 0;
margin-bottom: 0;
@@ -738,6 +743,93 @@ body > main.taxonomy-page > section > ul > li > sub {
color: var(--color-text-muted);
}
main > article > section.article-asides > section.article-change-history > ol {
--article-change-history-marker-size: 1rem;
--article-change-history-marker-offset: 0.25rem;
--article-change-history-marker-top: 0.25rem;
--article-change-history-marker-center: calc(
var(--article-change-history-marker-offset) + (var(--article-change-history-marker-size) / 2)
);
list-style: none;
margin-top: var(--space-3);
padding-left: 0;
}
main > article > section.article-asides > section.article-change-history > ol > li {
margin-top: 0;
position: relative;
padding-left: calc(var(--space-6) + 0.2rem);
}
main > article > section.article-asides > section.article-change-history > ol > li + li {
margin-top: var(--space-4);
}
main > article > section.article-asides > section.article-change-history > ol > li::before {
content: "";
position: absolute;
z-index: 1;
inset-block-start: var(--article-change-history-marker-top);
inset-inline-start: var(--article-change-history-marker-offset);
width: var(--article-change-history-marker-size);
height: var(--article-change-history-marker-size);
border: 2px solid #d3b9ff;
border-radius: 50%;
background: #121b2c;
box-shadow: 0 0 0 0.2rem rgba(143, 106, 216, 0.18);
}
main > article > section.article-asides > section.article-change-history > ol > li::after {
content: "";
position: absolute;
inset-block-start: calc(
var(--article-change-history-marker-top) + (var(--article-change-history-marker-size) / 2)
);
inset-inline-start: calc(
var(--article-change-history-marker-center) - (var(--border-width-regular) / 2)
);
z-index: 0;
width: var(--border-width-regular);
height: calc(100% + var(--space-4));
border-radius: 999px;
background: linear-gradient(180deg, rgba(211, 185, 255, 0.7) 0%, rgba(143, 106, 216, 0.36) 100%);
}
main > article > section.article-asides > section.article-change-history > ol > li:last-child::after {
content: none;
}
main > article > section.article-asides > section.article-change-history > ol > li > :is(a, div) {
display: flex;
flex-direction: column;
gap: 0.25rem;
position: relative;
z-index: 1;
color: inherit;
text-decoration: none;
}
main > article > section.article-asides > section.article-change-history > ol > li > :is(a, div) > span.article-change-history-subject {
font-family: var(--font-heading);
font-size: 1.08rem;
line-height: 1.2;
color: var(--color-heading);
}
main > article > section.article-asides > section.article-change-history > ol > li > a:is(:hover, :focus-visible) > span.article-change-history-subject {
color: #f3ddff;
text-decoration: underline;
}
main > article > section.article-asides > section.article-change-history > ol > li > :is(a, div) > time {
font-size: 0.86rem;
line-height: 1.4;
color: #d8c8f3;
letter-spacing: 0.05em;
text-transform: uppercase;
font-family: var(--font-heading);
}
main > article > section.article-books {
margin-block: var(--article-feature-block-margin);
border-top: var(--border-width-regular) solid var(--color-accent-3);