done

2026-08-30 11:09:14 +05:30
parent 07a4c8b8e3
commit 9f95d01196
57 changed files with 5705 additions and 681 deletions
@@ -0,0 +1,116 @@
+/**
+ * Copyright since 2025 Mifos Initiative
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+.mr-row {
+  cursor: pointer;
+  transition: background 0.12s ease;
+
+  &:hover,
+  &:focus-visible {
+    background: color-mix(in srgb, var(--cert-blue) 6%, transparent);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--cert-blue);
+    outline-offset: -2px;
+  }
+
+  &:hover .mr-chevron,
+  &:focus-visible .mr-chevron {
+    opacity: 1;
+  }
+}
+
+.mr-chevron {
+  opacity: 0;
+  color: var(--cert-blue);
+  transition: opacity 0.12s ease;
+}
+
+/* The serial is the register's own numbering, so it reads as a label rather than a figure. */
+.mr-serial {
+  font-weight: 700;
+  color: var(--cert-g500);
+  font-variant-numeric: tabular-nums;
+}
+
+.mr-address {
+  max-width: 260px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* Shares still awaiting approval sit beside the holding rather than inside it — they are
+   not yet share capital, and adding them to the figure would overstate the register. */
+.mr-pending {
+  margin-left: 6px;
+  font-size: 11px;
+  font-weight: 700;
+  color: var(--cert-amber);
+}
+
+.mr-pill--multi {
+  margin-left: 8px;
+  background: var(--cert-blue-l);
+  color: var(--cert-blue-d);
+  font-size: 10px;
+  padding: 2px 7px;
+}
+
+.cert-table {
+  .num {
+    text-align: right;
+    font-variant-numeric: tabular-nums;
+  }
+
+  tfoot .mr-total > td {
+    background: var(--cert-g50);
+    font-weight: 800;
+    color: var(--cert-g900);
+    border-top: 2px solid var(--cert-g200);
+    padding: 12px;
+    white-space: nowrap;
+  }
+}
+
+.mr-retry {
+  margin-left: 10px;
+}
+
+/* A register is a document that gets signed and filed, so printing drops the chrome. */
+@media print {
+  .cert-filters,
+  .cert-head-r,
+  .cert-kpis,
+  .mr-chevron {
+    display: none !important;
+  }
+
+  .cert-card {
+    border: none;
+  }
+
+  .mr-address {
+    max-width: none;
+    white-space: normal;
+  }
+
+  .cert-table {
+    font-size: 10px;
+  }
+
+  /* Repeat the column headings on every printed page of a long register. */
+  .cert-table thead {
+    display: table-header-group;
+  }
+
+  .mr-row {
+    break-inside: avoid;
+  }
+}