From 3846dd96a4e311b000b8e36d24b5bf36d769aed1 Mon Sep 17 00:00:00 2001
From: Marc Bernard <59966492+mbtools@users.noreply.github.com>
Date: Wed, 19 Aug 2020 01:02:01 -0400
Subject: [PATCH] Hide "Action" column when toggling "Details" (#3747)

Turning on "Details" in Repo Overview will now hide the "Action" column to improve display on smaller screens.

Co-authored-by: Lars Hvam <larshp@hotmail.com>
---
 src/ui/zabapgit_js_common.w3mi.data.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/ui/zabapgit_js_common.w3mi.data.js b/src/ui/zabapgit_js_common.w3mi.data.js
index 9460dabee..dd7f7d479 100644
--- a/src/ui/zabapgit_js_common.w3mi.data.js
+++ b/src/ui/zabapgit_js_common.w3mi.data.js
@@ -232,6 +232,7 @@ function RepoOverViewHelper() {
   this.isDetailsDisplayed = false;
   this.isOnlyFavoritesDisplayed = false;
   this.detailCssClass = findStyleSheetByName(".ro-detail");
+  this.actionCssClass = findStyleSheetByName(".ro-action");
   var icon = document.getElementById("icon-filter-detail");
   this.toggleFilterIcon(icon, this.isDetailsDisplayed);
   icon = document.getElementById("icon-filter-favorite");
@@ -249,6 +250,7 @@ RepoOverViewHelper.prototype.toggleItemsDetail = function(forceDisplay){
   if (this.detailCssClass) {
     this.isDetailsDisplayed = forceDisplay || !this.isDetailsDisplayed;
     this.detailCssClass.style.display = this.isDetailsDisplayed ? "" : "none";
+    this.actionCssClass.style.display = this.isDetailsDisplayed ? "none" : "";
     var icon = document.getElementById("icon-filter-detail");
     this.toggleFilterIcon(icon, this.isDetailsDisplayed);
   }