Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Webstar:fb9c1ee14a316a515c4c5bedba213fcc3a9ee40e
Branches Tags
Webstar:main
Webstar:claude/2
Webstar:v0.1.0
..
compare: Webstar:4e17346dfbbf218f097f6c7f648b283b6aa34cc6
Branches Tags
Webstar:main
Webstar:claude/2
Webstar:v0.1.0

No commits in common. "fb9c1ee14a316a515c4c5bedba213fcc3a9ee40e" and "4e17346dfbbf218f097f6c7f648b283b6aa34cc6" have entirely different histories.
fb9c1ee14a ... 4e17346dfb

2 changed files with 13 additions and 7 deletions
Show Stats Expand all files Collapse all files

15
containers/libreportal/frontend/components/apps/port-manager/css/port-manager.css
View File

@ -11,10 +11,17 @@
gap: 0.75rem;
}
/* The "Show advanced fields" switch reuses the shared .lp-ui-advanced-toggle
pill (defined in services.css, loaded globally) so it matches the Services
tab's Advanced toggle exactly — only the input keeps .port-manager-show-advanced
for the JS hook. */
.port-manager-advanced-toggle {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-size: 13px;
color: var(--text-secondary, #a0a0a0);
cursor: pointer;
user-select: none;
}
.port-manager-advanced-toggle input { margin: 0; }
/* Ensure help icons are always visible in port manager */
.port-manager .help-icon {

5
containers/libreportal/frontend/components/apps/port-manager/js/port-manager.js
View File

@ -261,10 +261,9 @@ class PortManager {
<div class="port-manager-header">
<h4>Port Configuration</h4>
<div class="port-manager-header-actions">
<label class="lp-ui-advanced-toggle" title="Reveal advanced port fields (protocol, host IP, bind options)">
<label class="port-manager-advanced-toggle">
<input type="checkbox" class="port-manager-show-advanced">
<span class="lp-ui-advanced-toggle-track"><span class="lp-ui-advanced-toggle-thumb"></span></span>
<span class="lp-ui-advanced-toggle-label">Show advanced fields</span>
<span>Show advanced fields</span>
</label>
<button type="button" class="btn btn-primary btn-sm add-port-btn">
<span class="add-icon">+</span> Add Port