MediaWiki:Gadget-QuoteSourceRedirects.css: Difference between revisions

From Bodhicitta
(VSCode edit)
(Styles for the four-action table)
 
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-target-edit {
.qs-tm {
font-size: .75rem;
font-size: .78rem;
color: #0645AD;
color: #666;
cursor: pointer;
border-bottom: 1px dotted;
margin-left: .35rem;
}
}


.qs-drlonly {
/* Four actions per row, on one line where there is room. */
font-size: .85rem;
.qs-actions {
color: #666;
display: flex;
font-style: italic;
flex-wrap: wrap;
gap: .25rem;
align-items: center;
}
}


.qs-approve-btn {
.qs-btn {
font-size: .8rem;
font-size: .75rem;
padding: .15rem .6rem;
padding: .1rem .5rem;
white-space: nowrap;
white-space: nowrap;
border: 1px solid #bbb;
border-radius: .2rem;
background: #fff;
cursor: pointer;
}
}


.qs-pending { color: #666; font-size: .8rem; }
.qs-btn:hover {
.qs-done    { color: #14866d; font-size: .8rem; font-weight: bold; }
border-color: #36c;
.qs-failed  { color: #BA1B1D; font-size: .8rem; }
color: #36c;
}


.qs-value-edit {
/* The recommended action is marked, not preselected — the note beside it says
font-size: .7rem;
  why, and a search-based guess can be confidently wrong. */
color: #0645AD;
.qs-btn--suggested {
cursor: pointer;
border-color: #36c;
border-bottom: 1px dotted;
box-shadow: inset 0 0 0 1px #36c;
margin-left: .35rem;
font-weight: bold;
white-space: nowrap;
}
}


/* Removing a value edits the segments too, so it sits with the rewrite link
.qs-btn--delete:hover {
  rather than in the action column. Carnelian, because it is destructive. */
border-color: #9F2B29;
.qs-value-delete {
font-size: .7rem;
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;
border-bottom: 1px dotted;
margin-left: .35rem;
white-space: nowrap;
}
}


/* Rewriting a value edits every segment using it, so its status sits beside
.qs-status {
  the value rather than in the action column — it is not a redirect. */
.qs-rewrite-status {
display: block;
display: block;
font-size: .75rem;
width: 100%;
font-size: .72rem;
color: #666;
color: #666;
}
}


/* A row that has been dealt with. Kept for the record rather than removed, so
.qs-ok  { color: #14866d; font-weight: bold; }
  the list stays a complete account of what was found and what was done. */
.qs-err  { color: #BA1B1D; }
.qs-treated td {
.qs-busy { color: #666; }
opacity: .45;
 
.qs-rec {
font-size: .8rem;
color: #444;
}
}


.qs-treated .qs-value {
.qs-suggest {
text-decoration: line-through;
font-size: .8rem;
white-space: nowrap;
}
}


.qs-dismiss {
.qs-drl {
font-size: .7rem;
font-family: monospace;
font-size: .78rem;
color: #666;
color: #666;
cursor: pointer;
border-bottom: 1px dotted;
margin-left: .4rem;
white-space: nowrap;
}
}


.qs-treated .qs-dismiss {
/* Recommendation colouring: a confirmed lead reads differently from a guess. */
color: #14866d;
.qs-rec--create  { color: #14866d; }
font-weight: bold;
.qs-rec--redirect { color: #14866d; }
opacity: 1;
.qs-rec--rewrite  { color: #8a6d1f; }
}
.qs-rec--delete  { color: #9F2B29; }
.qs-rec--note    { color: #777; font-style: italic; }


/* The row is dimmed as a whole, but the undo control has to stay legible or
/* A row that has been dealt with. Kept for the record rather than removed, so
   there is no way back out of the treated state. */
   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: .4;
opacity: .35;
cursor: default;
}
}


/* Disabled controls on a treated row still read as controls, so they are
.qs-treated .qs-dismiss {
  visibly inert rather than merely unresponsive. */
opacity: 1;
.qs-disabled {
color: #14866d;
pointer-events: none;
font-weight: bold;
opacity: .4;
text-decoration: none;
border-bottom: none;
}
}


Line 134: Line 149:
.qs-treated-count {
.qs-treated-count {
color: #666;
color: #666;
}
/* A newline inside a QuoteSource value would end the table cell, so it is shown
  as a pilcrow. The real value is carried in data-value. */
.qs-nl {
color: #BA1B1D;
opacity: .55;
padding: 0 .15em;
font-size: .85em;
user-select: none;
}
}

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;
}