From 2abba1dfb0f3337dd1e77c6584e7d12bdba284b9 Mon Sep 17 00:00:00 2001 From: tomasz1986 Date: Fri, 1 Sep 2023 08:18:30 +0200 Subject: [PATCH] gui: Remove footer and move links to header (fixes #5607) (#9067) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * gui: Remove footer and move links to header (fixes #5607) Currently, the footer is always present and takes space at the bottom of the GUI. However, the links listed there are not part of everyday user interaction, and as such, they unnecessarily clutter the page, reducing the usable screen space. Thus, transform the current Help link in the header into a Help dropdown menu, and move the links from the footer into it. Also apply the following tweaks: 1. Move the About dialog from Actions to Help. 2. Add an Introduction (to the GUI) link to Help. 3. Change the Support icon from a question mark to a group of people. 4. Change the Changelog and About icons to a filled version to match the other icons better. 5. Use a source code icon for Source Code instead of a wrench icon, and move the wrench icon to Logs. This is done to prevent Changelog and Logs from using the same icon. 6. Update all dropdown icons' Fork Awesome styles to "fa fa-fw ". Signed-off-by: Tomasz Wilczyński * a few more Fork Awesome style updates --------- Signed-off-by: Tomasz Wilczyński --- gui/default/assets/css/overrides.css | 28 ------------- gui/default/index.html | 61 ++++++++++++---------------- 2 files changed, 27 insertions(+), 62 deletions(-) diff --git a/gui/default/assets/css/overrides.css b/gui/default/assets/css/overrides.css index 6bce15004..62abbbec6 100644 --- a/gui/default/assets/css/overrides.css +++ b/gui/default/assets/css/overrides.css @@ -8,7 +8,6 @@ */ body { - padding-bottom: 70px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; overflow-y: scroll; } @@ -398,25 +397,6 @@ ul.three-columns li, ul.two-columns li { width: 100%; } -/** Footer nav on small devices **/ -@media (max-width: 1199px) { - /* Stay at the end of the page, with space reserved for the footer - usually taking up two rows. */ - - html { - position: relative; - min-height: 100%; - } - - body { - padding-bottom: 60px; - } - - .navbar-fixed-bottom { - position: absolute; - } -} - @media (max-width: 768px) { /* Layout after the normal contents, as this is when the footer switches to a vertical layout. */ @@ -429,10 +409,6 @@ ul.three-columns li, ul.two-columns li { margin: 3.25px -15px; } - .navbar-fixed-bottom { - position: relative; - } - .navbar-nav .open .dropdown-menu { position: absolute; left: auto; @@ -476,10 +452,6 @@ ul.three-columns li, ul.two-columns li { .navbar-nav .open .dropdown-menu > li > a { padding: 12px 15px 12px 25px; } - - .navbar-fixed-bottom li { - width: 100%; - } } .tab-content { diff --git a/gui/default/index.html b/gui/default/index.html index dff6ee5e4..83cd43f79 100644 --- a/gui/default/index.html +++ b/gui/default/index.html @@ -87,36 +87,45 @@
  • -
  • - - +
  • + +
    • @@ -957,22 +966,6 @@ - - - -