Fix out-of-sync pinned drawer icons (#2944) * Fix out-of-sync pinned drawer icons * Ugly but consistent --------- Co-authored-by: Cohee <18619528+Cohee1207@users.noreply.github.com>

c016319477632c929b382b242a08b6d18740b72f

Goshe-nite <112730817+Goshe-nite@users.noreply.github.com>

Signed

public/script.js+2 -2 Viewed

             $('.openDrawer').not('.pinnedOpen').addClass('resizing').slideToggle(200, 'swing', async function () {
                 await delay(50); $(this).closest('.drawer-content').removeClass('resizing');
             });
-            $('.openIcon').toggleClass('closedIcon openIcon');
+            $('.openIcon').not('.drawerPinnedOpen').toggleClass('closedIcon openIcon');
             $('.openDrawer').not('.pinnedOpen').toggleClass('closedDrawer openDrawer');
             icon.toggleClass('openIcon closedIcon');
             drawer.toggleClass('openDrawer closedDrawer');

                     $('.openDrawer').not('.pinnedOpen').addClass('resizing').slideToggle(200, 'swing', function () {
                         $(this).closest('.drawer-content').removeClass('resizing');
                     });
-                    $('.openIcon').toggleClass('closedIcon openIcon');
+                    $('.openIcon').not('.drawerPinnedOpen').toggleClass('closedIcon openIcon');
                     $('.openDrawer').not('.pinnedOpen').toggleClass('closedDrawer openDrawer');
+                }

public/scripts/RossAscends-mods.js+18 -3 Viewed

 var WIPanelPin = document.getElementById('WI_panel_pin');
 var RightNavPanel = document.getElementById('right-nav-panel');
+var RightNavDrawerIcon = document.getElementById('rightNavDrawerIcon');
 var LeftNavPanel = document.getElementById('left-nav-panel');
+var LeftNavDrawerIcon = document.getElementById('leftNavDrawerIcon');
 var WorldInfo = document.getElementById('WorldInfo');
+var WIDrawerIcon = document.getElementById('WIDrawerIcon');
 var SelectedCharacterTab = document.getElementById('rm_button_selected_ch');

         if ($(RPanelPin).prop('checked') == true) {
             //console.log('adding pin class to right nav');
             $(RightNavPanel).addClass('pinnedOpen');
+            $(RightNavDrawerIcon).addClass('drawerPinnedOpen');
         } else {
             //console.log('removing pin class from right nav');
             $(RightNavPanel).removeClass('pinnedOpen');
+            $(RightNavDrawerIcon).removeClass('drawerPinnedOpen');
             if ($(RightNavPanel).hasClass('openDrawer') && $('.openDrawer').length > 1) {
                 $(RightNavPanel).slideToggle(200, 'swing');
-                //$(rightNavDrawerIcon).toggleClass('openIcon closedIcon');
+                $(RightNavDrawerIcon).toggleClass('openIcon closedIcon');
                 $(RightNavPanel).toggleClass('openDrawer closedDrawer');
+            }
+        }

         if ($(LPanelPin).prop('checked') == true) {
             //console.log('adding pin class to Left nav');
             $(LeftNavPanel).addClass('pinnedOpen');
+            $(LeftNavDrawerIcon).addClass('drawerPinnedOpen');
         } else {
             //console.log('removing pin class from Left nav');
             $(LeftNavPanel).removeClass('pinnedOpen');
+            $(LeftNavDrawerIcon).removeClass('drawerPinnedOpen');
             if ($(LeftNavPanel).hasClass('openDrawer') && $('.openDrawer').length > 1) {
                 $(LeftNavPanel).slideToggle(200, 'swing');
-                //$(leftNavDrawerIcon).toggleClass('openIcon closedIcon');
+                $(LeftNavDrawerIcon).toggleClass('openIcon closedIcon');
                 $(LeftNavPanel).toggleClass('openDrawer closedDrawer');
+            }
+        }

         if ($(WIPanelPin).prop('checked') == true) {
             console.debug('adding pin class to WI');
             $(WorldInfo).addClass('pinnedOpen');
+            $(WIDrawerIcon).addClass('drawerPinnedOpen');
         } else {
             console.debug('removing pin class from WI');
             $(WorldInfo).removeClass('pinnedOpen');
+            $(WIDrawerIcon).removeClass('drawerPinnedOpen');
             if ($(WorldInfo).hasClass('openDrawer') && $('.openDrawer').length > 1) {
                 console.debug('closing WI after lock removal');
                 $(WorldInfo).slideToggle(200, 'swing');
-                //$(WorldInfoDrawerIcon).toggleClass('openIcon closedIcon');
+                $(WIDrawerIcon).toggleClass('openIcon closedIcon');
                 $(WorldInfo).toggleClass('openDrawer closedDrawer');
+            }
+        }

     if (LoadLocalBool('NavLockOn') == true) {
         //console.log('setting pin class via local var');
         $(RightNavPanel).addClass('pinnedOpen');
+        $(RightNavDrawerIcon).addClass('drawerPinnedOpen');
+    }
     if ($(RPanelPin).prop('checked')) {
         console.debug('setting pin class via checkbox state');
         $(RightNavPanel).addClass('pinnedOpen');
+        $(RightNavDrawerIcon).addClass('drawerPinnedOpen');
+    }
     // read the state of left Nav Lock and apply to leftnav classlist
     $(LPanelPin).prop('checked', LoadLocalBool('LNavLockOn'));
     if (LoadLocalBool('LNavLockOn') == true) {
         //console.log('setting pin class via local var');
         $(LeftNavPanel).addClass('pinnedOpen');
+        $(LeftNavDrawerIcon).addClass('drawerPinnedOpen');
+    }
     if ($(LPanelPin).prop('checked')) {
         console.debug('setting pin class via checkbox state');
         $(LeftNavPanel).addClass('pinnedOpen');
+        $(LeftNavDrawerIcon).addClass('drawerPinnedOpen');
+    }
     // read the state of left Nav Lock and apply to leftnav classlist

     if (LoadLocalBool('WINavLockOn') == true) {
         //console.log('setting pin class via local var');
         $(WorldInfo).addClass('pinnedOpen');
+        $(WIDrawerIcon).addClass('drawerPinnedOpen');
+    }
     if ($(WIPanelPin).prop('checked')) {
         console.debug('setting pin class via checkbox state');
         $(WorldInfo).addClass('pinnedOpen');
+        $(WIDrawerIcon).addClass('drawerPinnedOpen');
+    }
     //save state of Right nav being open or closed