MediaWiki:Gadget-QuoteSourceRedirects.css: Difference between revisions

From Bodhicitta
(Styles for the rewrite and bulk controls)
(Styles for the four-action table)
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Approve buttons on [[QuoteSource redirects to create]]. */
/* Controls on [[QuoteSource Unresolved Values]]. */


.qs-table td {
.qs-table td {
vertical-align: middle;
vertical-align: middle;
font-size: .85rem;
}
}


.qs-value {
.qs-value {
font-size: .85rem;
word-break: break-word;
word-break: break-word;
}
}


.qs-target-label {
/* A newline inside a value would end the table cell, so it is shown as a
font-size: .9rem;
  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;
}
}


.qs-target-edit {
/* 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;
font-size: .75rem;
color: #0645AD;
padding: .1rem .5rem;
white-space: nowrap;
border: 1px solid #bbb;
border-radius: .2rem;
background: #fff;
cursor: pointer;
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;
border-bottom: 1px dotted;
margin-left: .35rem;
cursor: pointer;
}
}


.qs-drlonly {
.qs-status {
font-size: .85rem;
display: block;
width: 100%;
font-size: .72rem;
color: #666;
color: #666;
font-style: italic;
}
}


.qs-approve-btn {
.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;
font-size: .8rem;
padding: .15rem .6rem;
white-space: nowrap;
white-space: nowrap;
}
}


.qs-pending { color: #666; font-size: .8rem; }
.qs-drl {
.qs-done    { color: #14866d; font-size: .8rem; font-weight: bold; }
font-family: monospace;
.qs-failed  { color: #BA1B1D; font-size: .8rem; }
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; }


.qs-value-edit {
/* A row that has been dealt with. Kept for the record rather than removed, so
font-size: .7rem;
  the list stays a complete account of what was found and what was done. */
color: #0645AD;
.qs-treated td {
cursor: pointer;
opacity: .5;
border-bottom: 1px dotted;
background: #f6f5f2;
margin-left: .35rem;
}
white-space: nowrap;
 
.qs-treated .qs-value {
text-decoration: line-through;
}
 
.qs-table button[disabled] {
pointer-events: none;
opacity: .35;
}
}


/* Rewriting a value edits every segment using it, so its status sits beside
.qs-treated .qs-dismiss {
  the value rather than in the action column — it is not a redirect. */
opacity: 1;
.qs-rewrite-status {
color: #14866d;
display: block;
font-weight: bold;
font-size: .75rem;
color: #666;
}
}


.qs-bulk {
.qs-hiding .qs-treated {
margin: .5rem 0 .75rem;
display: none;
}
}


.qs-bulk-btn {
.qs-controls {
margin: .5rem 0;
font-size: .85rem;
font-size: .85rem;
padding: .3rem .8rem;
}
}


.qs-bulk-status {
.qs-hide-label {
margin-left: .6rem;
font-weight: normal;
font-size: .8rem;
margin-right: .5rem;
cursor: pointer;
}
 
.qs-hide-label input {
margin-right: .25rem;
vertical-align: middle;
}
 
.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;
}