MediaWiki:Gadget-QuoteSourceRedirects.css: Difference between revisions
From Bodhicitta
(VSCode edit) |
(Styles for the four-action table) |
||
| Line 1: | Line 1: | ||
/* | /* Controls on [[QuoteSource Unresolved Values]]. */ | ||
.qs-table td { | .qs-table td { | ||
vertical-align: middle; | vertical-align: middle; | ||
font-size: .85rem; | |||
} | } | ||
.qs-value { | .qs-value { | ||
word-break: break-word; | word-break: break-word; | ||
} | } | ||
.qs- | /* A newline inside a value would end the table cell, so it is shown as a | ||
pilcrow. The real value travels in data-value. */ | |||
.qs-nl { | |||
color: #BA1B1D; | |||
opacity: .55; | |||
padding: 0 .15em; | |||
user-select: none; | |||
} | } | ||
.qs- | .qs-tm { | ||
font-size: . | font-size: .78rem; | ||
color: # | color: #666; | ||
} | } | ||
.qs- | /* Four actions per row, on one line where there is room. */ | ||
.qs-actions { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: .25rem; | |||
align-items: center; | |||
} | } | ||
.qs | .qs-btn { | ||
font-size: . | font-size: .75rem; | ||
padding: . | padding: .1rem .5rem; | ||
white-space: nowrap; | white-space: nowrap; | ||
border: 1px solid #bbb; | |||
border-radius: .2rem; | |||
background: #fff; | |||
cursor: pointer; | |||
} | } | ||
.qs- | .qs-btn:hover { | ||
border-color: #36c; | |||
color: #36c; | |||
} | |||
.qs- | /* The recommended action is marked, not preselected — the note beside it says | ||
why, and a search-based guess can be confidently wrong. */ | |||
.qs-btn--suggested { | |||
border-color: #36c; | |||
box-shadow: inset 0 0 0 1px #36c; | |||
font-weight: bold; | |||
} | } | ||
.qs-btn--delete:hover { | |||
border-color: #9F2B29; | |||
.qs- | |||
color: #9F2B29; | color: #9F2B29; | ||
} | |||
.qs-dismiss { | |||
font-size: .72rem; | |||
padding: .1rem .45rem; | |||
margin-left: .2rem; | |||
border: none; | |||
background: none; | |||
color: #666; | |||
border-bottom: 1px dotted; | |||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.qs-status { | |||
.qs | |||
display: block; | display: block; | ||
font-size: . | width: 100%; | ||
font-size: .72rem; | |||
color: #666; | color: #666; | ||
} | } | ||
.qs-ok { color: #14866d; font-weight: bold; } | |||
.qs-err { color: #BA1B1D; } | |||
.qs- | .qs-busy { color: #666; } | ||
.qs-rec { | |||
font-size: .8rem; | |||
color: #444; | |||
} | } | ||
.qs- | .qs-suggest { | ||
font-size: .8rem; | |||
white-space: nowrap; | |||
} | } | ||
.qs- | .qs-drl { | ||
font-size: . | font-family: monospace; | ||
font-size: .78rem; | |||
color: #666; | color: #666; | ||
} | } | ||
.qs- | /* Recommendation colouring: a confirmed lead reads differently from a guess. */ | ||
.qs-rec--create { color: #14866d; } | |||
.qs-rec--redirect { color: #14866d; } | |||
.qs-rec--rewrite { color: #8a6d1f; } | |||
} | .qs-rec--delete { color: #9F2B29; } | ||
.qs-rec--note { color: #777; font-style: italic; } | |||
/* | /* A row that has been dealt with. Kept for the record rather than removed, so | ||
the list stays a complete account of what was found and what was done. */ | |||
.qs-treated td { | .qs-treated td { | ||
opacity: .5; | |||
background: #f6f5f2; | background: #f6f5f2; | ||
} | |||
.qs-treated .qs-value { | |||
text-decoration: line-through; | |||
} | } | ||
.qs-table button[disabled] { | .qs-table button[disabled] { | ||
pointer-events: none; | pointer-events: none; | ||
opacity: . | opacity: .35; | ||
} | } | ||
.qs-treated .qs-dismiss { | |||
opacity: 1; | |||
.qs- | color: #14866d; | ||
font-weight: bold; | |||
opacity: | |||
} | } | ||
| Line 134: | Line 149: | ||
.qs-treated-count { | .qs-treated-count { | ||
color: #666; | color: #666; | ||
} | } | ||
Latest revision as of 16:47, 17 September 2026
/* Controls on [[QuoteSource Unresolved Values]]. */
.qs-table td {
vertical-align: middle;
font-size: .85rem;
}
.qs-value {
word-break: break-word;
}
/* A newline inside a value would end the table cell, so it is shown as a
pilcrow. The real value travels in data-value. */
.qs-nl {
color: #BA1B1D;
opacity: .55;
padding: 0 .15em;
user-select: none;
}
.qs-tm {
font-size: .78rem;
color: #666;
}
/* Four actions per row, on one line where there is room. */
.qs-actions {
display: flex;
flex-wrap: wrap;
gap: .25rem;
align-items: center;
}
.qs-btn {
font-size: .75rem;
padding: .1rem .5rem;
white-space: nowrap;
border: 1px solid #bbb;
border-radius: .2rem;
background: #fff;
cursor: pointer;
}
.qs-btn:hover {
border-color: #36c;
color: #36c;
}
/* The recommended action is marked, not preselected — the note beside it says
why, and a search-based guess can be confidently wrong. */
.qs-btn--suggested {
border-color: #36c;
box-shadow: inset 0 0 0 1px #36c;
font-weight: bold;
}
.qs-btn--delete:hover {
border-color: #9F2B29;
color: #9F2B29;
}
.qs-dismiss {
font-size: .72rem;
padding: .1rem .45rem;
margin-left: .2rem;
border: none;
background: none;
color: #666;
border-bottom: 1px dotted;
cursor: pointer;
}
.qs-status {
display: block;
width: 100%;
font-size: .72rem;
color: #666;
}
.qs-ok { color: #14866d; font-weight: bold; }
.qs-err { color: #BA1B1D; }
.qs-busy { color: #666; }
.qs-rec {
font-size: .8rem;
color: #444;
}
.qs-suggest {
font-size: .8rem;
white-space: nowrap;
}
.qs-drl {
font-family: monospace;
font-size: .78rem;
color: #666;
}
/* Recommendation colouring: a confirmed lead reads differently from a guess. */
.qs-rec--create { color: #14866d; }
.qs-rec--redirect { color: #14866d; }
.qs-rec--rewrite { color: #8a6d1f; }
.qs-rec--delete { color: #9F2B29; }
.qs-rec--note { color: #777; font-style: italic; }
/* A row that has been dealt with. Kept for the record rather than removed, so
the list stays a complete account of what was found and what was done. */
.qs-treated td {
opacity: .5;
background: #f6f5f2;
}
.qs-treated .qs-value {
text-decoration: line-through;
}
.qs-table button[disabled] {
pointer-events: none;
opacity: .35;
}
.qs-treated .qs-dismiss {
opacity: 1;
color: #14866d;
font-weight: bold;
}
.qs-hiding .qs-treated {
display: none;
}
.qs-controls {
margin: .5rem 0;
font-size: .85rem;
}
.qs-hide-label {
font-weight: normal;
margin-right: .5rem;
cursor: pointer;
}
.qs-hide-label input {
margin-right: .25rem;
vertical-align: middle;
}
.qs-treated-count {
color: #666;
}