[tbb-commits] [Git][tpo/applications/mullvad-browser][mullvad-browser-128.1.0esr-14.0-1] fixup! Bug 40925: Implemented the Security Level component

[morgan (@morgan)]

morgan pushed to branch mullvad-browser-128.1.0esr-14.0-1 at The Tor Project / Applications / Mullvad Browser


Commits:
95de8674 by Henry Wilkes at 2024-08-12T18:23:13+00:00
fixup! Bug 40925: Implemented the Security Level component

Bug 42641: Use moz-button-group for panel buttons.

Also tweak the "Learn more" link to have block-end padding to ensure its
focus outline is visible, and restrict it to align-start so that it does
not span the full width.

Also switch from `em` to `px` units for the vertical spacing.

- - - - -


2 changed files:

- browser/components/securitylevel/content/securityLevelPanel.css
- browser/components/securitylevel/content/securityLevelPanel.inc.xhtml


Changes:

=====================================
browser/components/securitylevel/content/securityLevelPanel.css
=====================================
@@ -3,8 +3,8 @@
 #securityLevel-background {
   min-height: 10em;
   padding-inline: 16px;
-  padding-block: 1em 0;
-  gap: 1em;
+  padding-block: 16px 8px;
+  gap: 16px;
   background-repeat: no-repeat;
   background-position-y: top 0.4em;
   /* Icon center should be in-line with end padding.
@@ -61,3 +61,7 @@
   padding-inline-end: 5em;
   max-width: 20em;
 }
+
+#securityLevel-learnMore {
+  align-self: start;
+}


=====================================
browser/components/securitylevel/content/securityLevelPanel.inc.xhtml
=====================================
@@ -28,14 +28,16 @@
       data-l10n-id="security-level-panel-learn-more-link"
     ></html:a>
   </vbox>
-  <hbox class="panel-footer">
+  <html:moz-button-group class="panel-footer">
     <button
       id="securityLevel-settings"
+      class="footer-button"
       data-l10n-id="security-level-panel-open-settings-button"
     />
     <button
       id="securityLevel-restoreDefaults"
+      class="footer-button"
       data-l10n-id="security-level-restore-defaults-button"
     />
-  </hbox>
+  </html:moz-button-group>
 </panel>



View it on GitLab: https://gitlab.torproject.org/tpo/applications/mullvad-browser/-/commit/95de8674ade3b77103cbc6c43a3c5a1390978f8d

-- 
View it on GitLab: https://gitlab.torproject.org/tpo/applications/mullvad-browser/-/commit/95de8674ade3b77103cbc6c43a3c5a1390978f8d
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/tbb-commits/attachments/20240812/e2afd785/attachment-0001.htm>