pswp css fixed on electron mode.

Author: JasminDreasond

src/app/templates/client/ElectronSidebar.jsx

@@ -39,7 +39,9 @@ function ElectronSidebar() {
 
       const newSize = $(window).height() - 29;
       if (rootSize)
-        $(rootSize).html(`.root-electron-style { height: ${String(newSize)}px !important; }`);
+        $(rootSize).html(
+          `.root-electron-style, .pswp.pswp--open .pswp__bg { height: ${String(newSize)}px !important; }`,
+        );
     };
 
     useEffect(() => {

src/scss/electron/ElectronSidebar.scss

@@ -69,6 +69,16 @@ body.electron-mode {
     padding-top: 29px !important;
   }
 
+  .pswp.pswp--open {
+    .pswp__bg {
+      margin-top: 29px !important;
+    }
+    .pswp__container,
+    .pswp__top-bar {
+      padding-top: 29px;
+    }
+  }
+
   .root-electron-style {
     position: relative !important;
     top: 29px !important;

src/scss/electron/border-radius.scss

@@ -63,6 +63,13 @@ body.electron-mode:not(.electron-maximized) {
     border-radius: var(--electron-body-radius) !important;
   }
 
+  .pswp.pswp--open {
+    .pswp__bg {
+      border-bottom-right-radius: var(--electron-body-radius) !important;
+      border-bottom-left-radius: var(--electron-body-radius) !important;
+    }
+  }
+
   --electron-body-border: 1px solid var(--bg-electron-border);
   #root {
     > *:not(#electron-titlebar) {
@@ -84,4 +91,11 @@ body.electron-mode:not(.electron-maximized) {
     border-right: var(--electron-body-border) !important;
     border-bottom: var(--electron-body-border) !important;
   }
+  .pswp.pswp--open {
+    .pswp__bg {
+      border-left: var(--electron-body-border) !important;
+      border-right: var(--electron-body-border) !important;
+      border-bottom: var(--electron-body-border) !important;
+    }
+  }
 }