[tor-commits] [Git][tpo/applications/tor-browser][tor-browser-115.2.0esr-13.0-1] fixup! Bug 41600: Add a tor circuit display panel.

[richard (@richard)]

richard pushed to branch tor-browser-115.2.0esr-13.0-1 at The Tor Project / Applications / Tor Browser


Commits:
e2cb4a22 by Henry Wilkes at 2023-08-30T16:57:07+00:00
fixup! Bug 41600: Add a tor circuit display panel.

Bug 41980: Center-align the circuit heading.

- - - - -


1 changed file:

- browser/components/torcircuit/content/torCircuitPanel.css


Changes:

=====================================
browser/components/torcircuit/content/torCircuitPanel.css
=====================================
@@ -39,14 +39,26 @@
 }
 
 #tor-circuit-panel .panel-header {
-  /* .panel-header already has display: flex from panelUI-shared.css, but the
-   * direction is the default "row". */
+  /* .panel-header already inherits these same rules from panelUI-shared.css and
+   * xul.css. But .panel-header is normally "flex-direction: row", but we are
+   * using a vbox (i.e flex-direction: column) so that the heading is placed
+   * vertically above the #tor-circuit-alias when it is shown.  We want to
+   * ensure the layout rules we need for our different case so we are less
+   * vulnerable to changes in panelUI-shared.css. */
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
   text-align: center;
 }
 
+.panel-header > h1#tor-circuit-heading {
+  /* Overwrite rule from panelUI-shared.css which gives this "flex: auto".
+   * Otherwise the heading will be stretched vertically and not be
+   * center-aligned. */
+  flex: 0 0 auto;
+}
+
 #tor-circuit-alias:not([hidden]) {
   /* Same margin as .panel-header > h1 */
   margin: 4px 0;



View it on GitLab: https://gitlab.torproject.org/tpo/applications/tor-browser/-/commit/e2cb4a2288c0b8651c84dcbd7ef79eab6ebbfbf3

-- 
View it on GitLab: https://gitlab.torproject.org/tpo/applications/tor-browser/-/commit/e2cb4a2288c0b8651c84dcbd7ef79eab6ebbfbf3
You're receiving this email because of your account on gitlab.torproject.org.


-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.torproject.org/pipermail/tor-commits/attachments/20230830/bb700fa3/attachment-0001.htm>