From a0addbada2e18f5f0ba980762ddf139faf3ce718 Mon Sep 17 00:00:00 2001
From: Henrik Uggla <henrik.uggla@kristianstad.se>
Date: Mon, 22 Jan 2024 13:16:21 +0100
Subject: [PATCH 1/5] Added minimize button to popup

---
 src/popup.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/popup.js b/src/popup.js
index 1f3896050..65efd962b 100644
--- a/src/popup.js
+++ b/src/popup.js
@@ -5,6 +5,9 @@ function render(target) {
       <div class="o-popup o-card">
         <div class="flex row justify-end">
           <div id="o-card-title" class="justify-start margin-y-smaller margin-left text-weight-bold" style="width:100%;"></div>
+          <button id="o-minimize-button" class="small round margin-top-smaller margin-bottom-auto margin-right-small icon-smallest grey-lightest no-shrink" aria-label="Minimera" onclick='var oidentify=document.getElementById("o-identify"),opopup=document.getElementById("o-popup"); if (oidentify.style.display === "none") { oidentify.style.display="block"; opopup.style.width=null; } else { oidentify.style.display="none"; opopup.style.width="auto"; }' >
+            <span class="icon ">_</span>
+          </button>
           <button id="o-close-button" class="small round margin-top-smaller margin-bottom-auto margin-right-small icon-smallest grey-lightest no-shrink" aria-label="Stäng">
             <span class="icon ">
               <svg>

From 336ccbef66ca1717a63dc47944519143901e827e Mon Sep 17 00:00:00 2001
From: Henrik Uggla <henrik.uggla@kristianstad.se>
Date: Wed, 28 Feb 2024 13:30:03 +0100
Subject: [PATCH 2/5] Update popup.js

Code suggestion from Grammostola
---
 src/popup.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/popup.js b/src/popup.js
index 65efd962b..3d27f0904 100644
--- a/src/popup.js
+++ b/src/popup.js
@@ -5,7 +5,7 @@ function render(target) {
       <div class="o-popup o-card">
         <div class="flex row justify-end">
           <div id="o-card-title" class="justify-start margin-y-smaller margin-left text-weight-bold" style="width:100%;"></div>
-          <button id="o-minimize-button" class="small round margin-top-smaller margin-bottom-auto margin-right-small icon-smallest grey-lightest no-shrink" aria-label="Minimera" onclick='var oidentify=document.getElementById("o-identify"),opopup=document.getElementById("o-popup"); if (oidentify.style.display === "none") { oidentify.style.display="block"; opopup.style.width=null; } else { oidentify.style.display="none"; opopup.style.width="auto"; }' >
+          <button id="o-minimize-button" class="small round margin-top-smaller margin-bottom-auto margin-right-small icon-smallest grey-lightest no-shrink" aria-label="Minimera">
             <span class="icon ">_</span>
           </button>
           <button id="o-close-button" class="small round margin-top-smaller margin-bottom-auto margin-right-small icon-smallest grey-lightest no-shrink" aria-label="Stäng">
@@ -60,6 +60,13 @@ function setContent(config) {
   }
 }
 
+function minimizePopup() {
+  const oidentify = document.getElementById('o-identify');
+  const opopup = document.getElementById('o-popup');
+  oidentify.style.display = oidentify.style.display === 'none' ? 'block' : 'none';
+  opopup.style.width = oidentify.style.display === 'none' ? 'auto' : null;
+}
+
 /**
  * Closes the window and optionally calls a callback set at init
  * @param {any} cb
@@ -88,6 +95,11 @@ export default function popup(target, opts = {}) {
       closePopupInternal(closeCb);
       evt.preventDefault();
     });
+    const minel = document.querySelector('#o-popup .o-popup #o-minimize-button');
+    minel.addEventListener('click', (evt) => {
+      minimizePopup();
+      evt.preventDefault();
+    });
   }
 
   render(target);

From 1722672bf11f6dafb66cf211d57a3ab29304fd10 Mon Sep 17 00:00:00 2001
From: Henrik Uggla <henrik.uggla@kristianstad.se>
Date: Fri, 1 Mar 2024 12:41:16 +0100
Subject: [PATCH 3/5] Update popup.js

---
 src/popup.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/popup.js b/src/popup.js
index 3d27f0904..32f54c96c 100644
--- a/src/popup.js
+++ b/src/popup.js
@@ -5,7 +5,7 @@ function render(target) {
       <div class="o-popup o-card">
         <div class="flex row justify-end">
           <div id="o-card-title" class="justify-start margin-y-smaller margin-left text-weight-bold" style="width:100%;"></div>
-          <button id="o-minimize-button" class="small round margin-top-smaller margin-bottom-auto margin-right-small icon-smallest grey-lightest no-shrink" aria-label="Minimera">
+          <button id="o-minimize-button" class="small round margin-top-smaller margin-bottom-auto margin-left-small margin-right-small icon-smallest grey-lightest no-shrink" aria-label="Minimera">
             <span class="icon ">_</span>
           </button>
           <button id="o-close-button" class="small round margin-top-smaller margin-bottom-auto margin-right-small icon-smallest grey-lightest no-shrink" aria-label="Stäng">
@@ -63,8 +63,12 @@ function setContent(config) {
 function minimizePopup() {
   const oidentify = document.getElementById('o-identify');
   const opopup = document.getElementById('o-popup');
+  const ocardtitle = document.getElementById('o-card-title');
   oidentify.style.display = oidentify.style.display === 'none' ? 'block' : 'none';
   opopup.style.width = oidentify.style.display === 'none' ? 'auto' : null;
+  opopup.style.height = oidentify.style.display === 'none' ? '78px' : '58px';
+  opopup.children[0].style.position = oidentify.style.display === 'none' ? null : 'sticky';
+  ocardtitle.style.display = oidentify.style.display === 'none' ? null : 'none';
 }
 
 /**

From 84751c09e7c97b18d23d0a43107045245f525474 Mon Sep 17 00:00:00 2001
From: Henrik Uggla <henrik.uggla@kristianstad.se>
Date: Fri, 1 Mar 2024 12:51:58 +0100
Subject: [PATCH 4/5] Update popup.js

---
 src/popup.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/popup.js b/src/popup.js
index 32f54c96c..40c358ada 100644
--- a/src/popup.js
+++ b/src/popup.js
@@ -66,9 +66,9 @@ function minimizePopup() {
   const ocardtitle = document.getElementById('o-card-title');
   oidentify.style.display = oidentify.style.display === 'none' ? 'block' : 'none';
   opopup.style.width = oidentify.style.display === 'none' ? 'auto' : null;
-  opopup.style.height = oidentify.style.display === 'none' ? '78px' : '58px';
-  opopup.children[0].style.position = oidentify.style.display === 'none' ? null : 'sticky';
-  ocardtitle.style.display = oidentify.style.display === 'none' ? null : 'none';
+  opopup.style.height = oidentify.style.display === 'none' ? '58px' : '78px';
+  opopup.children[0].style.position = oidentify.style.display === 'none' ? 'sticky' : null;
+  ocardtitle.style.display = oidentify.style.display === 'none' ? 'none' : null;
 }
 
 /**

From e550bf02171d05d248afadbef12382e0fd4f7e6e Mon Sep 17 00:00:00 2001
From: Henrik Uggla <henrik.uggla@kristianstad.se>
Date: Fri, 1 Mar 2024 12:59:03 +0100
Subject: [PATCH 5/5] Update popup.js

---
 src/popup.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/popup.js b/src/popup.js
index 40c358ada..bc929ae3e 100644
--- a/src/popup.js
+++ b/src/popup.js
@@ -68,6 +68,7 @@ function minimizePopup() {
   opopup.style.width = oidentify.style.display === 'none' ? 'auto' : null;
   opopup.style.height = oidentify.style.display === 'none' ? '58px' : '78px';
   opopup.children[0].style.position = oidentify.style.display === 'none' ? 'sticky' : null;
+  opopup.children[0].style.width = oidentify.style.display === 'none' ? 'auto' : null;
   ocardtitle.style.display = oidentify.style.display === 'none' ? 'none' : null;
 }