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);
// 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");
}
},

7
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
-ms-transition: all 0.3s ease-out
@ -77,7 +77,4 @@
color: #FFFFFF
.pinInactive
color: #424242
.hidingPanelContentOpaque
opacity: 1;
color: #424242