Files
cbsnexora/src/app/letter-mgmt/membership-register/membership-register.component.scss
T
keshav 9f95d01196
build-run / Run Lint, Build and Deploy (push) Canceled after 0s
Publish Image in Docker Hub / build (push) Canceled after 0s
Playwright E2E Tests / Run Playwright Tests (push) Canceled after 0s
Tests / testRigor (push) Canceled after 0s
done
2026-08-30 11:09:14 +05:30

117 lines
2.2 KiB
SCSS

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