Added clickDragger to active and pinned cPanels.

www/css/channel.css

@@ -87,11 +87,19 @@ div#chat-panel-main-div{
     cursor: ew-resize;
     top: 0;
     bottom: 0;
-    left: 0;
     width: 0.4em; 
+    z-index: 3;
+}
+
+.left-drag-handle{
+    left: 0;
     z-index: 8;
 }
 
+.right-drag-handle{
+    right: 0;
+}
+
 #chat-panel-multipanel-div{
     height: 100%;
 }
@@ -216,13 +224,18 @@ input#chat-panel-prompt{
 
 #cpanel-active-div{
     position: absolute;
-    z-index: 3;
+    z-index: 4;
     top: 0;
     bottom: 0;
     left: 0;
 }
 
+#cpanel-pinned-div{
+    position: relative;
+}
+
 .cpanel-div{
     display: none;
+    min-width: 4em;
     width: 30%;
 }

www/css/theme/movie-night.css

@@ -17,6 +17,7 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
 :root{
     --main-font: "open-sans", sans-serif;
     --bg0: rgb(158, 158, 158);
+    --bg0-alpha0: rgba(158, 158, 158, 0.75);
     --bg1: rgb(70, 70, 70);
     --bg2: rgb(220, 220, 220);
     --bg1-alt0: rgb(30, 30, 30);
@@ -41,6 +42,9 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.*/
     --userlist-color6:rgb(111, 61, 204);
 
     --media-header-gradient: linear-gradient(180deg, var(--bg1-alt0) 0%, #FFFFFF00 76%);
+
+    /*--active-panel-effect: blur(1em);*/
+    --active-panel-effect: none;
 }
 
 body{
@@ -244,6 +248,11 @@ select.panel-head-element{
     margin: auto;
 }
 
+#cpanel-active-div{
+    background-color: var(--bg0-alpha0);
+    backdrop-filter: var(--active-panel-effect);
+}
+
 .cpanel-div{
     background-color: var(--bg0);
 }