style(analytics): короткие подписи колонок в таблице попыток на мобильном

На 390px последняя колонка «Не взяли» обрезалась («Н»). На мобильном подписи
короче: №, Звонков, Взяли, Согл., Не взяли. SW v126.
This commit is contained in:
Hermes 2026-09-29 10:30:05 +02:00
parent 41ac30c090
commit 48fb7ad662
3 changed files with 10 additions and 6 deletions

View File

@ -1,7 +1,7 @@
const isLocalhost = self.location.hostname === "localhost" || self.location.hostname === "127.0.0.1"; const isLocalhost = self.location.hostname === "localhost" || self.location.hostname === "127.0.0.1";
if (!isLocalhost) { if (!isLocalhost) {
const STATIC_CACHE = "construction-delivery-static-v125"; const STATIC_CACHE = "construction-delivery-static-v126";
const RUNTIME_CACHE = "construction-delivery-runtime-v119"; const RUNTIME_CACHE = "construction-delivery-runtime-v119";
const APP_SHELL_URLS = ["/", "/client", "/index.html", "/manifest.webmanifest", "/icons/icon-192.png", "/icons/icon-512.png"]; const APP_SHELL_URLS = ["/", "/client", "/index.html", "/manifest.webmanifest", "/icons/icon-192.png", "/icons/icon-512.png"];

View File

@ -192,11 +192,12 @@ export const CommsFunnelBlock = ({ funnel, isLoading, mobile = false, periodLabe
<table style={{ width: '100%', borderCollapse: 'collapse' }}> <table style={{ width: '100%', borderCollapse: 'collapse' }}>
<thead> <thead>
<tr> <tr>
<Th mobile={mobile} fontSize={fontSize}>Попытка</Th> {/* на мобильном подписи короче: иначе последняя колонка обрезается */}
<Th mobile={mobile} fontSize={fontSize} align="right">Звонков</Th> <Th mobile={mobile} fontSize={fontSize}>{mobile ? '№' : 'Попытка'}</Th>
<Th mobile={mobile} fontSize={fontSize} align="right">Взяли трубку</Th> <Th mobile={mobile} fontSize={fontSize} align="right">{mobile ? 'Звонков' : 'Звонков'}</Th>
<Th mobile={mobile} fontSize={fontSize} align="right">Согласовали</Th> <Th mobile={mobile} fontSize={fontSize} align="right">{mobile ? 'Взяли' : 'Взяли трубку'}</Th>
<Th mobile={mobile} fontSize={fontSize} align="right">Не взяли</Th> <Th mobile={mobile} fontSize={fontSize} align="right">{mobile ? 'Согл.' : 'Согласовали'}</Th>
<Th mobile={mobile} fontSize={fontSize} align="right">{mobile ? 'Не взяли' : 'Не взяли'}</Th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

View File

@ -107,6 +107,9 @@ describe("CommsFunnelBlock", () => {
// на мобильном процент по попыткам уходит во вторую строку, а не в скобках // на мобильном процент по попыткам уходит во вторую строку, а не в скобках
expect(m).not.toContain("(65.6%)"); expect(m).not.toContain("(65.6%)");
expect(m).toContain("65.6%"); expect(m).toContain("65.6%");
// короткие подписи колонок, чтобы «Не взяли» влезала в 390px
expect(m).toContain("Согл.");
expect(m).toContain("Взяли");
}); });
it("показывает заглушку загрузки, пока данных нет", () => { it("показывает заглушку загрузки, пока данных нет", () => {