fix(theme): Aurora — card status badges, table headers, gateway card header - #169
Merged
Merged
Conversation
…header
Several Aurora layout bugs reported on peers/gateways/rdp/routes:
- Status badges collapsed to ~20px and their text bled into neighbours (peers
'Online' into the gear, gateways 'Online' cut off at the card edge, rdp
'Reachable' cut off + badge row crammed). Root cause: pro.css's standalone
.tag-dot is a 5px dot (width/height:5px); the cards combine it as
'tag tag-dot' on one element, so the dot dimensions collapsed the label.
Reset with .tag.tag-dot{width:auto;height:auto} + .tag{white-space:nowrap}.
- Data-table column headers (peers, routes) clung to the top edge / were
clipped: th had padding:0 14px 11px. Changed to 12px 14px + vertical-align.
- Gateway fleet card: moved update-check to a top-right icon button (left:
status badge, right: refresh icon) and dropped the full-width 'Check update'
button; the name now ellipsis-truncates so the header never overflows. The
.recheck class + data-id are kept so the existing probe() handler still fires.
Aurora-only (aurora.css + gateways.js isAurora path); default/pro untouched.
Verified headless dark+light; aurora_theme.test 144/0.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Mehrere gemeldete Aurora-Layout-Bugs auf peers/gateways/rdp/routes.
Behoben
pro.cssdefiniert.tag-dotals eigenständigen 5px-Punkt (width/height:5px); die Karten kombinieren abertag tag-dotauf einem Element → die Punkt-Maße klemmten das Label auf ~20px. Fix:.tag.tag-dot{width:auto;height:auto}+.tag{white-space:nowrap}.thhattepadding:0 14px 11px→12px 14px+vertical-align:middle..recheck-Klasse +data-idbleiben → bestehenderprobe()-Handler feuert weiter.Aurora-only
aurora.css+gateways.js(isAurora()-Pfad); default/pro unberührt.Verifikation
Headless-Chromium dark+light: alle Badges korrekt dimensioniert (peers 72px, gateways 72px, rdp „Reachable' 71px), Tabellenköpfe mittig, Gateway-Karte mit Icon-Layout.
aurora_theme.test144/0.