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

40
frontend/styles.css
View File

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