properly support smaller buttons

Author: erwindon

saltgui/static/scripts/DropDown.js

@@ -22,7 +22,7 @@ export class DropDownMenu {
 
   // Creates an empty dropdown menu
   // The visual clue for the menu is added to the given element
-  constructor (pParentElement) {
+  constructor (pParentElement, pIsSmall) {
 
     // allow reduced code on the caller side
     if (pParentElement.tagName === "TR") {
@@ -43,6 +43,9 @@ export class DropDownMenu {
       this.menuButton = Utils.createDiv("", Character.CH_HAMBURGER);
     }
     this.menuButton.classList.add("small-button");
+    if (pIsSmall) {
+      this.menuButton.classList.add("small-small-button");
+    }
     this.menuButton.classList.add("small-button-for-hover");
     this.menuButton.classList.add("menu-dropdown");
     this.menuButton.addEventListener("click", (pClickEvent) => {

saltgui/static/scripts/Utils.js

@@ -203,7 +203,7 @@ export class Utils {
 
     const menuAndFieldDiv = Utils.createDiv("search-menu-and-field", "");
 
-    const searchOptionsMenu = new DropDownMenu(menuAndFieldDiv);
+    const searchOptionsMenu = new DropDownMenu(menuAndFieldDiv, true);
 
     const input = document.createElement("input");
     input.type = "text";

saltgui/static/scripts/panels/Beacons.js

@@ -92,7 +92,7 @@ export class BeaconsPanel extends Panel {
 
       // preliminary dropdown menu
       const minionTr = this.table.querySelector("#" + Utils.getIdFromMinionId(minionId));
-      const menu = new DropDownMenu(minionTr);
+      const menu = new DropDownMenu(minionTr, true);
       this._addMenuItemShowBeacons(menu, minionId);
 
       minionTr.addEventListener("click", () => {
@@ -141,7 +141,7 @@ export class BeaconsPanel extends Panel {
       minionTr.appendChild(beaconInfoTd);
     }
 
-    const menu = new DropDownMenu(minionTr);
+    const menu = new DropDownMenu(minionTr, true);
     this._addMenuItemShowBeacons(menu, pMinionId);
   }
 

saltgui/static/scripts/panels/BeaconsMinion.js

@@ -145,7 +145,7 @@ export class BeaconsMinionPanel extends Panel {
         delete beacon.enabled;
       }
 
-      const beaconMenu = new DropDownMenu(tr);
+      const beaconMenu = new DropDownMenu(tr, true);
       this._addMenuItemBeaconsDisableBeaconWhenNeeded(beaconMenu, pMinionId, beaconName, beacon);
       this._addMenuItemBeaconsEnableBeaconWhenNeeded(beaconMenu, pMinionId, beaconName, beacon);
       this._addMenuItemBeaconsDelete(beaconMenu, pMinionId, beaconName);

saltgui/static/scripts/panels/Grains.js

@@ -79,7 +79,7 @@ export class GrainsPanel extends Panel {
 
       // preliminary dropdown menu
       const minionTr = this.table.querySelector("#" + Utils.getIdFromMinionId(minionId));
-      const menu = new DropDownMenu(minionTr);
+      const menu = new DropDownMenu(minionTr, true);
       this._addMenuItemShowGrains(menu, minionId);
 
       for (let i = 0; i < this.previewGrains.length; i++) {
@@ -130,7 +130,7 @@ export class GrainsPanel extends Panel {
       minionTr.appendChild(grainInfoTd);
     }
 
-    const menu = new DropDownMenu(minionTr);
+    const menu = new DropDownMenu(minionTr, true);
     this._addMenuItemShowGrains(menu, pMinionId);
 
     // add the preview columns

saltgui/static/scripts/panels/GrainsMinion.js

@@ -64,7 +64,7 @@ export class GrainsMinionPanel extends Panel {
 
       const grainValue = Output.formatObject(grains[grainName]);
 
-      const grainMenu = new DropDownMenu(grainTr);
+      const grainMenu = new DropDownMenu(grainTr, true);
       this._addMenuItemGrainsSetValUpdate(grainMenu, pMinionId, grainName, grains);
       this._addMenuItemGrainsAppendWhenNeeded(grainMenu, pMinionId, grainName, grainValue);
       this._addMenuItemGrainsDelKey(grainMenu, pMinionId, grainName, grains[grainName]);

saltgui/static/scripts/panels/Job.js

@@ -460,7 +460,7 @@ export class JobPanel extends Panel {
         // show that this minion is still active on the request
         noResponseSpan.innerText = "(active) ";
 
-        const menu = new DropDownMenu(noResponseSpan);
+        const menu = new DropDownMenu(noResponseSpan, true);
         menu.addMenuItem("Show process info...", (pClickEvent) => {
           this.runFullCommand(pClickEvent, "list", minionId, "ps.proc_info " + pid);
         });

saltgui/static/scripts/panels/JobsDetails.js

@@ -308,7 +308,7 @@ export class JobsDetailsPanel extends JobsPanel {
     const startTimeText = Output.dateTimeStr(job.StartTime);
     tr.appendChild(Utils.createTd("starttime", startTimeText));
 
-    const menu = new DropDownMenu(tr);
+    const menu = new DropDownMenu(tr, true);
     this._addJobsMenuItemShowDetails(menu, job);
     this._addMenuItemJobsRerunJob(menu, job, argumentsText);
 

saltgui/static/scripts/panels/JobsSummary.js

@@ -60,7 +60,7 @@ export class JobsSummaryPanel extends JobsPanel {
 
     tr.appendChild(td);
 
-    const menu = new DropDownMenu(tr);
+    const menu = new DropDownMenu(tr, true);
     this._addMenuItemShowDetails(menu, job);
     this._addMenuItemUpdateStatus(menu, statusSpan);
 

saltgui/static/scripts/panels/Keys.js

@@ -379,7 +379,7 @@ export class KeysPanel extends Panel {
 
   _addDropDownMenu (pMinionTr, pMinionId) {
     // final dropdownmenu
-    const menu = new DropDownMenu(pMinionTr);
+    const menu = new DropDownMenu(pMinionTr, true);
     this._addMenuItemWheelKeyAccept1(menu, pMinionId, pMinionTr);
     this._addMenuItemWheelKeyReject(menu, pMinionId, pMinionTr);
     this._addMenuItemWheelKeyDelete(menu, pMinionId, pMinionTr);