@ampath/esm-reports-app 1.0.0-next.7 → 1.0.0-next.71

package/src/reports/moh-705B/moh-705b.scss

@@ -0,0 +1,172 @@
+@use '@openmrs/esm-styleguide/src/vars' as *;
+
+/* MOH-705B laid out for A4, on the same scale as the other reports. Its 75 rows
+   are a single diagnoses table, so the sheet is one continuous form: masthead,
+   facility strip, table and sign-off share their edges. */
+
+$ink: #000;
+$rule: 1px solid $ink;
+
+$text: 7pt;
+$title: 7.5pt;
+$meta: 6.5pt;
+
+$pad: 3mm;
+
+.mainTitleBox {
+  padding: $pad;
+  text-align: center;
+  border: $rule;
+}
+
+.ministry {
+  font-size: $meta;
+}
+
+.reportTitle {
+  font-size: $title;
+  font-weight: 700;
+  color: $ink;
+}
+
+.location {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 2.5mm;
+  padding: 2mm $pad;
+  font-size: $meta;
+  white-space: nowrap;
+  border: $rule;
+  border-top: none;
+}
+
+.line,
+.shortLine {
+  display: inline-block;
+  padding: 0 0.5mm;
+  margin-left: 1mm;
+  overflow: hidden;
+  font-weight: 600;
+  text-align: center;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+  border-bottom: $rule;
+}
+
+.line {
+  width: 26mm;
+}
+
+.shortLine {
+  width: 14mm;
+}
+
+.container {
+  overflow-x: visible;
+  margin: 0;
+}
+
+.table {
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: collapse;
+  font-family: inherit;
+}
+
+.numberColumn {
+  width: 3mm;
+}
+
+.diseaseColumn {
+  width: 34mm;
+}
+
+.dayColumn {
+  width: 4.5mm;
+}
+
+.totalColumn {
+  width: 8mm;
+}
+
+.tableBordered td,
+.tableBordered th {
+  box-sizing: border-box;
+  padding: 0.6mm 0.45mm;
+  font-size: $text;
+  text-align: left;
+  border: $rule;
+}
+
+.tableBordered tbody td:nth-child(n + 3):not(:last-child),
+.tableBordered thead th:nth-child(n + 2):not(:last-child) {
+  width: 4.5mm;
+  font-size: 5pt;
+  white-space: nowrap;
+  text-align: center;
+}
+
+.tableBordered tbody td:last-child,
+.tableBordered thead th:last-child {
+  width: 8mm;
+  text-align: center;
+}
+
+.tableBordered tbody td:nth-child(2) {
+  font-family: inherit;
+  overflow-wrap: anywhere;
+}
+
+.tableBordered tbody td:nth-child(n + 3) {
+  text-align: center;
+}
+
+.tableBordered th {
+  font-weight: 700;
+  color: $ink;
+  background-color: #f0f0f0;
+}
+
+.tableStriped tbody tr:nth-of-type(odd) {
+  background-color: #fafafa;
+}
+
+@media screen {
+  .tableStriped tbody tr:hover {
+    background-color: $brand-primary-10;
+  }
+}
+
+/* Sign-off, enclosed by the form. Three fields across the sheet, so its rules
+   are wider than the header strip's five. */
+
+.signOff {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 2.5mm;
+  padding: $pad;
+  font-size: $meta;
+  white-space: nowrap;
+  border: $rule;
+  border-top: none;
+
+  .line {
+    width: 45mm;
+  }
+
+  .shortLine {
+    width: 25mm;
+  }
+}
+
+/* On paper the striping is screen affordance that prints as grey noise */
+
+@media print {
+  .tableStriped tbody tr:nth-of-type(odd) {
+    background-color: transparent;
+  }
+}