TrizTech/ohif-viewer
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pin/Unpin thumbnail panel styling issue

Browse Source
This commit is contained in:
Evren Ozkan 2015-12-10 11:50:12 -05:00
parent 25fc95e963
commit 6423751291
2 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.js
View File

@ -12,10 +12,10 @@ Template.hidingPanel.events({
template.hidingPanelOpen.set(true); template.hidingPanelOpen.set(true);
// Rotate Arrow Icon // Rotate Arrow Icon
$('.arrowIcon').toggleClass("arrowIconRotate"); $('.arrowIcon').css( {'transform': 'rotate(180deg)'});
// Set panel content opacity // Set panel content opacity
$(".hidingPanelContent").toggleClass("hidingPanelContentOpaque"); $(".hidingPanelContent").css("opacity", "1");
} }
}, },
@ -31,10 +31,10 @@ Template.hidingPanel.events({
template.hidingPanelOpen.set(false); template.hidingPanelOpen.set(false);
// Rotate Arrow Icon // Rotate Arrow Icon
$('.arrowIcon').toggleClass("arrowIconRotate"); $('.arrowIcon').css( {'transform': 'rotate(0deg)'});
// Set panel content opacity // Set panel content opacity
$(".hidingPanelContent").toggleClass("hidingPanelContentOpaque"); $(".hidingPanelContent").css("opacity", "0");
} }
}, },

5
Packages/viewerbase/client/components/basic/hidingPanel/hidingPanel.styl
View File

@ -1,5 +1,5 @@
.hidingPanel, .hidingPanelContent, .studyBrowserContainer, .arrowIcon, .arrowIconRotate, .hidingPanelContentOpaque .hidingPanel, .hidingPanelContent, .studyBrowserContainer, .arrowIcon, .arrowIconRotate
-o-transition: all 0.3s ease-out -o-transition: all 0.3s ease-out
-ms-transition: all 0.3s ease-out -ms-transition: all 0.3s ease-out
@ -78,6 +78,3 @@
.pinInactive .pinInactive
color: #424242 color: #424242
.hidingPanelContentOpaque
opacity: 1;