| 1 | Add a mobile-friendly "About" button, as well as
|
| 2 | style fixes for smaller width screens on built-in pages
|
| 3 |
|
| 4 | |
| 5 | |
| 6 | @@ -154,6 +154,10 @@
|
| 7 | class="subviewbutton subviewbutton-nav"
|
| 8 | data-l10n-id="appmenuitem-help"
|
| 9 | closemenu="none"
|
| 10 | + />
|
| 11 | + <toolbarbutton id="appMenu-about-button"
|
| 12 | + class="subviewbutton"
|
| 13 | + data-l10n-id="menu-about"
|
| 14 | />
|
| 15 | #ifndef XP_MACOSX
|
| 16 | <toolbarseparator/>
|
| 17 | |
| 18 | |
| 19 | @@ -385,6 +385,9 @@
|
| 20 | case "appMenu-help-button2":
|
| 21 | this.showSubView("PanelUI-helpView", target);
|
| 22 | break;
|
| 23 | + case "appMenu-about-button":
|
| 24 | + openTrustedLinkIn("chrome://browser/content/aboutDialog.xhtml", "tab");
|
| 25 | + break;
|
| 26 | }
|
| 27 | },
|
| 28 |
|
| 29 | |
| 30 | |
| 31 | @@ -169,3 +169,24 @@
|
| 32 | content: url("chrome://global/skin/icons/loading.svg");
|
| 33 | }
|
| 34 | }
|
| 35 | +
|
| 36 | +@media (max-width: 600px) {
|
| 37 | + #clientBox {
|
| 38 | + flex-direction: column;
|
| 39 | + }
|
| 40 | + #leftBox {
|
| 41 | + margin-inline-start: 0;
|
| 42 | + }
|
| 43 | + vbox#rightBox {
|
| 44 | + width: auto;
|
| 45 | + }
|
| 46 | + label.bottom-link {
|
| 47 | + margin: 0;
|
| 48 | + flex: 1;
|
| 49 | + align-content: center;
|
| 50 | + }
|
| 51 | +}
|
| 52 | +
|
| 53 | +#aboutDialogContainer {
|
| 54 | + overflow: scroll;
|
| 55 | +}
|