upstream/opnsense-core
1
0
Fork 0
mirror of https://github.com/opnsense/core.git synced 2026-05-28 04:34:51 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Firewall: Rules [new]: Statistics column is responsive now (#9679)

Browse source
This commit is contained in:
Monviech 2026-02-02 11:14:39 +01:00 committed by GitHub
parent 7333fba07a
commit 9aaf675694
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/opnsense/mvc/app/controllers/OPNsense/Firewall/forms/dialogFilterRule.xml
View file

@ -653,7 +653,6 @@
<grid_view>
<formatter>statistics</formatter>
<sequence>115</sequence>
<min-width>200</min-width>
</grid_view>
</field>
<field>

22
src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt
View file

@ -550,14 +550,9 @@
return "";
}
// Split into two vertical rows
const firstGroup = parts.slice(0, 2).join(" ");
const secondGroup = parts.slice(2).join(" ");
return `
<div class="stats-cell">
<div>${firstGroup}</div>
<div>${secondGroup}</div>
${parts.join("")}
</div>
`;
},
@ -1056,11 +1051,20 @@
.stats-cell {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 4px 10px;
align-items: center;
container-type: inline-size;
}
.stats-cell div {
gap: 6px;
.stats-cell > span {
white-space: nowrap;
}
@container (max-width: 160px) {
.stats-cell > span {
flex: 1 1 50%;
}
}
</style>