diff --git a/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js b/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js index a09948028..29fcae438 100644 --- a/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js +++ b/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js @@ -12,10 +12,10 @@ Template.hidingPanel.events({ template.hidingPanelOpen.set(true); // Rotate Arrow Icon - $('.arrowIcon').toggleClass("arrowIconRotate"); + $('.arrowIcon').css( {'transform': 'rotate(180deg)'}); // Set panel content opacity - $(".hidingPanelContent").toggleClass("hidingPanelContentOpaque"); + $(".hidingPanelContent").css("opacity", "1"); } }, @@ -31,10 +31,10 @@ Template.hidingPanel.events({ template.hidingPanelOpen.set(false); // Rotate Arrow Icon - $('.arrowIcon').toggleClass("arrowIconRotate"); + $('.arrowIcon').css( {'transform': 'rotate(0deg)'}); // Set panel content opacity - $(".hidingPanelContent").toggleClass("hidingPanelContentOpaque"); + $(".hidingPanelContent").css("opacity", "0"); } }, diff --git a/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.styl b/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.styl index f5ece37ca..a955c7871 100644 --- a/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.styl +++ b/Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.styl @@ -1,5 +1,5 @@ -.hidingPanel, .hidingPanelContent, .studyBrowserContainer, .arrowIcon, .arrowIconRotate, .hidingPanelContentOpaque +.hidingPanel, .hidingPanelContent, .studyBrowserContainer, .arrowIcon, .arrowIconRotate -o-transition: all 0.3s ease-out -ms-transition: all 0.3s ease-out @@ -77,7 +77,4 @@ color: #FFFFFF .pinInactive - color: #424242 - - .hidingPanelContentOpaque - opacity: 1; \ No newline at end of file + color: #424242 \ No newline at end of file