danamir/asuinventory
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: prioritize Название and Расположение columns on mobile

Browse Source 
- Инв. номер: 58px -> 44px, Аудитория: 52px -> 34px (both compressed)
- Название: auto (byAud) / auto (allEquipment) — gets most space
- Расположение: shares auto space in allEquipment, 75px in byAud
- Table cell padding: 3px 2px -> 2px 2px

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Your Name
2026-05-19 20:12:49 +03:00
parent fc82b38c1f
commit d53b8b60c9
2 changed files with 20 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/index.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>АСУ Инвентаризация</title>
<link rel="stylesheet" href="/app/bootstrap.min.css" />
<link rel="stylesheet" href="/app/styles.css?v=6" />
<link rel="stylesheet" href="/app/styles.css?v=7" />
</head>
<body>
<header class="no-print">

40
frontend/styles.css
View File

@@ -189,61 +189,59 @@ td.inv-col, th.inv-col {
.table td, .table th {
font-size: 11px;
padding: 3px 2px;
padding: 2px 2px;
}
/* byAud table: fixed layout so Название/Расположение get more space */
/* byAud table: Название и Расположение — приоритет */
.byaud-table {
table-layout: fixed;
width: 100%;
}
/* ID */
.byaud-table th:nth-child(1),
.byaud-table td:nth-child(1) { width: 26px; }
.byaud-table td:nth-child(1) { width: 22px; }
/* Инв. номер */
.byaud-table th:nth-child(2),
.byaud-table td:nth-child(2) { width: 58px; }
/* Название — gets remaining space, no explicit width */
.byaud-table td:nth-child(2) { width: 44px; }
/* Название — auto, gets most remaining space */
/* Расположение */
.byaud-table th:nth-child(4),
.byaud-table td:nth-child(4) { width: 80px; }
.byaud-table td:nth-child(4) { width: 75px; }
/* Кол-во */
.byaud-table th:nth-child(5),
.byaud-table td:nth-child(5) { width: 30px; }
.byaud-table td:nth-child(5) { width: 26px; }
/* Тип */
.byaud-table th:nth-child(6),
.byaud-table td:nth-child(6) { width: 48px; }
/* Владелец — compressed */
.byaud-table td:nth-child(6) { width: 44px; }
/* Владелец */
.byaud-table th:nth-child(7),
.byaud-table td:nth-child(7) { width: 88px; }
/* allEquipment table: fixed layout */
/* allEquipment table: Название и Расположение — приоритет */
.allequip-table {
table-layout: fixed;
width: 100%;
}
/* № */
.allequip-table th:nth-child(1),
.allequip-table td:nth-child(1) { width: 24px; }
.allequip-table td:nth-child(1) { width: 20px; }
/* Инв. номер */
.allequip-table th:nth-child(2),
.allequip-table td:nth-child(2) { width: 58px; }
/* Название — remaining space */
.allequip-table td:nth-child(2) { width: 44px; }
/* Название — auto, gets most space */
/* Аудитория */
.allequip-table th:nth-child(4),
.allequip-table td:nth-child(4) { width: 52px; }
/* Расположение */
.allequip-table th:nth-child(5),
.allequip-table td:nth-child(5) { width: 72px; }
.allequip-table td:nth-child(4) { width: 34px; }
/* Расположение — auto, shares space with Название */
/* Кол-во */
.allequip-table th:nth-child(6),
.allequip-table td:nth-child(6) { width: 28px; }
.allequip-table td:nth-child(6) { width: 24px; }
/* Тип */
.allequip-table th:nth-child(7),
.allequip-table td:nth-child(7) { width: 52px; }
/* Владелец — compressed */
.allequip-table td:nth-child(7) { width: 46px; }
/* Владелец */
.allequip-table th:nth-child(8),
.allequip-table td:nth-child(8) { width: 60px; }
.allequip-table td:nth-child(8) { width: 55px; }
.owner-td select {
width: 100% !important;