morgan pushed to branch tor-browser-128.1.0esr-14.0-1 at The Tor Project / Applications / Tor Browser Commits: 292271b7 by Henry Wilkes at 2024-08-08T17:52:46+01:00 fixup! Bug 41600: Add a tor circuit display panel. Bug 42695: Use --arrowpanel variables instead of em units in the tor circuit display. - - - - - 1 changed file: - browser/components/torcircuit/content/torCircuitPanel.css Changes: ===================================== browser/components/torcircuit/content/torCircuitPanel.css ===================================== @@ -60,8 +60,8 @@ } #tor-circuit-alias:not([hidden]) { - /* Same margin as .panel-header > h1 */ - margin: 4px 0; + /* Same as padding for .panel-header */ + margin-block-start: var(--arrowpanel-menuitem-margin-inline); display: flex; align-items: center; } @@ -83,8 +83,10 @@ #tor-circuit-panel-body { /* May grow larger than 480px if we have a long domain name or ip address. */ min-width: 480px; - padding: 1em; - gap: 1em; + /* Line up with the button at the bottom of the panel. */ + margin: var(--arrowpanel-menuitem-margin); + padding: var(--arrowpanel-menuitem-padding); + gap: var(--arrowpanel-menuitem-padding-block); } #tor-circuit-node-list-name, @@ -95,7 +97,7 @@ #tor-circuit-node-list { line-height: 2; list-style: none; - padding-inline-start: 0.5em; + padding-inline-start: var(--arrowpanel-menuitem-margin-inline); /* Do not allow an item to wrap since this would break the circuit diagram. */ white-space: nowrap; } @@ -181,5 +183,5 @@ } .tor-circuit-button label.tor-circuit-button-description { - margin-block-start: 3px; + margin-block-start: var(--space-xsmall); } View it on GitLab: https://gitlab.torproject.org/tpo/applications/tor-browser/-/commit/292271b7... -- View it on GitLab: https://gitlab.torproject.org/tpo/applications/tor-browser/-/commit/292271b7... You're receiving this email because of your account on gitlab.torproject.org.