MediaWiki:Common.css: Difference between revisions
Document OCR review UI and docs |
Document OCR review UI and docs |
||
| Line 529: | Line 529: | ||
width: 100%; | width: 100%; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
clear: both; | |||
overflow-x: auto; | |||
} | } | ||
| Line 534: | Line 536: | ||
margin: 0 0 0.5em; | margin: 0 0 0.5em; | ||
line-height: 1.6; | line-height: 1.6; | ||
} | |||
.soldier-contrib-section { | |||
margin: 0; | |||
padding: 0; | |||
max-width: 100%; | |||
box-sizing: border-box; | |||
} | |||
.soldier-contrib-ocr { | |||
margin-top: 0.85em; | |||
padding-top: 0.85em; | |||
border-top: 1px solid #c8ccd1; | |||
} | |||
.soldier-contrib-heading { | |||
margin: 0 0 0.35em; | |||
line-height: 1.4; | |||
} | |||
.soldier-contrib-help { | |||
margin: 0 0 0.5em; | |||
font-size: 95%; | |||
color: #54595d; | |||
line-height: 1.5; | |||
} | |||
.soldier-ocr-slot:empty { | |||
display: none; | |||
} | } | ||
| Line 547: | Line 578: | ||
} | } | ||
.soldier-upload-form button { | .soldier-upload-form button, | ||
.soldier-contrib-ocr > button { | |||
margin-top: 0.5em; | margin-top: 0.5em; | ||
margin-right: 0.5em; | |||
} | } | ||
| Line 560: | Line 593: | ||
} | } | ||
/* Site-wide OCR inbox (Contribute documents) — same width rules as profile box */ | |||
.ocr-review-box { | .ocr-review-box { | ||
margin: 0.75em 0 1em; | margin: 0.75em 0 1em; | ||
padding: 0.75em 1em; | padding: 0.75em 1em; | ||
background: # | background: #f8f9fa; | ||
border: 1px solid # | border: 1px solid #a2a9b1; | ||
width: 100%; | |||
max-width: 100%; | |||
box-sizing: border-box; | |||
clear: both; | clear: both; | ||
overflow-x: auto; | |||
} | } | ||
.ocr-review-box h3 { | .ocr-review-box h3 { | ||
margin: 0 0 0.4em; | margin: 0 0 0.4em; | ||
font-size: 1.05em; | font-size: 1.05em; | ||
} | |||
.ocr-review-host, | |||
.ocr-review-panel { | |||
width: 100%; | |||
max-width: 100%; | |||
box-sizing: border-box; | |||
} | } | ||
.ocr-review-layout { | .ocr-review-layout { | ||
| Line 576: | Line 620: | ||
gap: 1em; | gap: 1em; | ||
margin-top: 0.6em; | margin-top: 0.6em; | ||
width: 100%; | |||
max-width: 100%; | |||
box-sizing: border-box; | |||
} | } | ||
.ocr-review-preview { | .ocr-review-preview { | ||
flex: 1 1 | flex: 1 1 180px; | ||
max-width: 360px; | max-width: min(360px, 100%); | ||
box-sizing: border-box; | |||
} | } | ||
.ocr-review-preview img { | .ocr-review-preview img { | ||
| Line 588: | Line 636: | ||
} | } | ||
.ocr-review-facts { | .ocr-review-facts { | ||
flex: 2 1 | flex: 2 1 220px; | ||
min-width: 0; | |||
box-sizing: border-box; | |||
} | } | ||
.ocr-review-facts textarea { | .ocr-review-facts textarea { | ||
| Line 608: | Line 658: | ||
.ocr-fact-row input[type="text"] { | .ocr-fact-row input[type="text"] { | ||
flex: 1 1 12em; | flex: 1 1 12em; | ||
min-width: | min-width: 0; | ||
max-width: 100%; | |||
box-sizing: border-box; | |||
} | } | ||
.ocr-fact-meta { | .ocr-fact-meta { | ||