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

fix: fix byAud table column widths on mobile with table-layout fixed

Browse Source 
- table-layout: fixed so column widths are respected
- Владелец: 88px (compressed, select+button fit inside)
- Название: gets remaining space (widest column)
- Расположение: 80px
- ID/Кол-во/Тип: minimal widths

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Your Name
2026-05-19 15:02:09 +03:00
parent ec6088904c
commit 8715d21ea3
2 changed files with 25 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
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=3" /> <link rel="stylesheet" href="/app/styles.css?v=4" />
</head> </head>
<body> <body>
<header class="no-print"> <header class="no-print">
@@ -174,7 +174,7 @@
</div> </div>
<div class="status no-print" :class="{error: !!error}">{{ status }}</div> <div class="status no-print" :class="{error: !!error}">{{ status }}</div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table datatable"> <table class="table datatable byaud-table">
<thead> <thead>
<tr> <tr>
<th scope="col">ID</th> <th scope="col">ID</th>

26
frontend/styles.css
View File

@@ -188,10 +188,30 @@ td.inv-col, th.inv-col {
padding: 4px 3px; padding: 4px 3px;
} }
.owner-td { /* byAud table: fixed layout so Название/Расположение get more space */
min-width: 80px; .byaud-table {
max-width: 110px; table-layout: fixed;
width: 100%;
} }
/* ID */
.byaud-table th:nth-child(1),
.byaud-table td:nth-child(1) { width: 26px; }
/* Инв. номер */
.byaud-table th:nth-child(2),
.byaud-table td:nth-child(2) { width: 58px; }
/* Название — gets remaining space, no explicit width */
/* Расположение */
.byaud-table th:nth-child(4),
.byaud-table td:nth-child(4) { width: 80px; }
/* Кол-во */
.byaud-table th:nth-child(5),
.byaud-table td:nth-child(5) { width: 30px; }
/* Тип */
.byaud-table th:nth-child(6),
.byaud-table td:nth-child(6) { width: 48px; }
/* Владелец — compressed */
.byaud-table th:nth-child(7),
.byaud-table td:nth-child(7) { width: 88px; }
.owner-td select { .owner-td select {
width: 100% !important; width: 100% !important;