Administrat0r: Add local writing review with passage evidence and optional draft checks

2026-11-03T08:37:23Z

Add local writing review with passage evidence and optional draft checks

@@ Line 26: / Line 26: @@
 .sb-article-review[hidden],
 .sb-article-review [hidden],
-.ve-active .sb-article-review,
+.ve-active .sb-article-review:not(.sb-article-review--editor),
-.ve-activated .sb-article-review,
+.ve-activated .sb-article-review:not(.sb-article-review--editor),
-.ve-activating .sb-article-review,
+.ve-activating .sb-article-review:not(.sb-article-review--editor),
-.ve-deactivating .sb-article-review {
+.ve-deactivating .sb-article-review:not(.sb-article-review--editor) {
 	display: none !important;
+}
@@ Line 205: / Line 205: @@
 .sb-article-review__scope[open] summary {
 	margin-bottom: 10px;
+}
@@ Line 224: / Line 285: @@
 @media print {
-	.sb-article-review {
+	.sb-article-review,
 		display: none !important;
+	}
+}

Administrat0r: Add dismissible article review interface

2026-11-03T07:45:40Z

Add dismissible article review interface

New page

.sb-article-review {
position: fixed;
z-index: 90;
right: 16px;
right: max(16px, env(safe-area-inset-right));
bottom: 16px;
bottom: calc(16px + env(safe-area-inset-bottom));
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
width: 23rem;
max-width: calc(100vw - 32px);
color: var(--color-base, #202122);
font: 14px/1.45 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
text-align: start;
pointer-events: none;
}

.sb-article-review *,
.sb-article-review *::before,
.sb-article-review *::after {
box-sizing: border-box;
}

.sb-article-review[hidden],
.sb-article-review [hidden],
.ve-active .sb-article-review,
.ve-activated .sb-article-review,
.ve-activating .sb-article-review,
.ve-deactivating .sb-article-review {
display: none !important;
}

.sb-article-review__panel {
order: 1;
display: flex;
flex-direction: column;
width: 100%;
max-height: 70vh;
max-height: min(70dvh, 36rem);
overflow: hidden;
background: var(--background-color-base, #fff);
border: 1px solid var(--border-color-base, #a2a9b1);
border-radius: 10px;
box-shadow: 0 4px 22px rgb(0 0 0 / 18%);
pointer-events: auto;
}

.sb-article-review__header {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 7px 8px 7px 14px;
border-bottom: 1px solid var(--border-color-subtle, #eaecf0);
}

.sb-article-review .sb-article-review__heading {
margin: 0;
padding: 0;
border: 0;
color: inherit;
font: 600 16px/1.3 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.sb-article-review__close,
.sb-article-review__badge {
appearance: none;
margin: 0;
color: var(--color-base, #202122);
background: var(--background-color-base, #fff);
border: 1px solid var(--border-color-base, #a2a9b1);
font: inherit;
cursor: pointer;
}

.sb-article-review__close {
flex: 0 0 auto;
width: 36px;
min-height: 36px;
padding: 0;
border-color: transparent;
border-radius: 5px;
font-size: 25px;
line-height: 1;
}

.sb-article-review__badge {
order: 2;
min-height: 40px;
padding: 8px 14px;
border-radius: 20px;
box-shadow: 0 2px 8px rgb(0 0 0 / 12%);
font-weight: 600;
pointer-events: auto;
}

.sb-article-review__close:hover,
.sb-article-review__badge:hover {
background: var(--background-color-interactive-subtle, #f8f9fa);
}

.sb-article-review button:focus-visible,
.sb-article-review summary:focus-visible,
.sb-article-review a:focus-visible {
outline: 2px solid var(--color-progressive, #36c);
outline-offset: 2px;
}

.sb-article-review__body {
min-height: 0;
padding: 12px 14px 14px;
overflow-y: auto;
overscroll-behavior: contain;
overflow-wrap: anywhere;
}

.sb-article-review p {
margin: 0 0 10px;
}

.sb-article-review p:last-child {
margin-bottom: 0;
}

.sb-article-review__date,
.sb-article-review__revision,
.sb-article-review__unicode,
.sb-article-review__coverage {
font-size: 12px;
}

.sb-article-review__date {
color: var(--color-subtle, #54595d);
}

.sb-article-review__stale {
padding: 9px 10px;
border-inline-start: 3px solid #ac6600;
background: var(--background-color-warning-subtle, #fef6e7);
}

.sb-article-review .sb-article-review__issues {
margin: 14px 0;
padding: 0;
list-style: none;
}

.sb-article-review__issue {
margin: 0 0 14px;
padding-inline-start: 10px;
border-inline-start: 3px solid var(--border-color-base, #a2a9b1);
}

.sb-article-review__issue:last-child {
margin-bottom: 0;
}

.sb-article-review__issue--error {
border-inline-start-color: #b32424;
}

.sb-article-review__issue--review {
border-inline-start-color: #ac6600;
}

.sb-article-review__kind {
display: block;
margin-bottom: 3px;
color: var(--color-subtle, #54595d);
font-size: 11px;
font-weight: 600;
}

.sb-article-review__issue-title {
display: block;
margin-bottom: 5px;
}

.sb-article-review .sb-article-review__detail {
margin-bottom: 6px;
}

.sb-article-review__links {
display: flex;
flex-wrap: wrap;
gap: 4px 12px;
font-size: 12px;
}

.sb-article-review__scope {
padding-top: 10px;
border-top: 1px solid var(--border-color-subtle, #eaecf0);
color: var(--color-subtle, #54595d);
font-size: 12px;
}

.sb-article-review__scope summary {
cursor: pointer;
font-weight: 600;
}

.sb-article-review__scope[open] summary {
margin-bottom: 10px;
}

@media (max-width: 400px) {
.sb-article-review {
right: 12px;
max-width: calc(100vw - 24px);
}

.sb-article-review__close,
.sb-article-review__badge {
min-height: 44px;
}

.sb-article-review__close {
width: 44px;
}
}

@media print {
.sb-article-review {
display: none !important;
}
}

MediaWiki:Gadget-ArticleReview.css - Revision history

Administrat0r: Add local writing review with passage evidence and optional draft checks

Administrat0r: Add dismissible article review interface