From 6f199b510dda6bf3ae13c617bc7718eaa812631f Mon Sep 17 00:00:00 2001 From: Bob Yantosca Date: Thu, 6 Apr 2023 14:11:20 -0400 Subject: [PATCH] Menu bar fixes: Remove auto-generated code, make bar a little thicker css/geos-chem.css - Increase the thickness of the menu bar to 12px padding at top & bottom. This will remove the gap between the menu bar and dropdowns, which makes it difficult to navigate to the dropddowns on some browsers dropdown-menu.js - Remove code and styles not found in geos-chem.css Signed-off-by: Bob Yantosca --- css/geos-chem.css | 9 +++- dropdown-menu.js | 110 +++++++++++++++++++++++----------------------- 2 files changed, 62 insertions(+), 57 deletions(-) diff --git a/css/geos-chem.css b/css/geos-chem.css index 1265232..0f856cd 100644 --- a/css/geos-chem.css +++ b/css/geos-chem.css @@ -64,8 +64,13 @@ body { /* menu style so that links don't wrap*/ #menu-bar ul.nice-menu .menuparent a { padding-right: 15px; - position: relative; - font-size: inherit; + + /* NOTE: Increase bottom & top padding to eliminate space + between the menu bar and the dropdowns. */ + padding-bottom: 12px; + padding-top: 12px; + + position: relative;< font-size: inherit; text-transform: none; font-weight: bold; } diff --git a/dropdown-menu.js b/dropdown-menu.js index 7485ce9..3e4d584 100644 --- a/dropdown-menu.js +++ b/dropdown-menu.js @@ -12,81 +12,81 @@ function inlineDropDownMenu() { // %%%% Function to inline HTML code for the dropdown menus %%%% // %%%% into the target page. (bmy, 3/20/08) %%%% // %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% - + // Define the text string. Note, the "\"character must be used to continue one line to // the next (i.e. similar to Unix). Also no space characters can follow the "\" character. "use strict"; var txt ='';