90 lines
1.8 KiB
Stylus
90 lines
1.8 KiB
Stylus
@require '{ohif:design}/app'
|
|
|
|
$timepointButtonHeight = 55px
|
|
|
|
.studyTimepointBrowser
|
|
theme('background-color', '$primaryBackgroundColor')
|
|
float: left
|
|
height: 100%
|
|
position: relative
|
|
width: 100%
|
|
|
|
.timepointButtonContainer
|
|
theme('background-color', '$primaryBackgroundColor')
|
|
theme('border-bottom', '1px solid $uiBorderColor')
|
|
display: none
|
|
height: $timepointButtonHeight
|
|
left: 10px
|
|
position: absolute
|
|
right: 10px
|
|
top: 0
|
|
z-index: 1
|
|
|
|
&.viewTypeVisible
|
|
|
|
.timepointButtonContainer
|
|
display: block
|
|
|
|
.studyTimepointScrollArea
|
|
padding-top: $timepointButtonHeight
|
|
|
|
.timepointEntry
|
|
&.active
|
|
.timepointModalities
|
|
height: 0
|
|
.timepointDate
|
|
display: none
|
|
.expandIcon i
|
|
transform: rotateX(180deg)
|
|
.timepointFollowupTitle
|
|
font-size: 14px
|
|
theme('color', '$textSecondaryColor')
|
|
text-transform: uppercase
|
|
|
|
.timepointHeader
|
|
cursor: pointer
|
|
font-size: 13px
|
|
|
|
&
|
|
.expandIcon i
|
|
.timepointFollowupTitle
|
|
.timepointDate
|
|
.timepointModalities
|
|
theme('color', '$textSecondaryColor')
|
|
transition($sidebarTransition)
|
|
|
|
&:hover
|
|
&
|
|
.timepointFollowupTitle
|
|
.expandIcon i
|
|
.timepointDate
|
|
.timepointModalities
|
|
theme('color', '$textPrimaryColor') !important
|
|
|
|
.timepointDetails
|
|
.timepointModalities
|
|
line-height: 25px
|
|
|
|
.timepointModalities
|
|
height: 25px
|
|
overflow: hidden
|
|
|
|
.expandIcon i
|
|
theme('color', '$defaultColor')
|
|
|
|
.timepointFollowupTitle
|
|
theme('color', '$textPrimaryColor')
|
|
padding-top: 2px
|
|
|
|
.studyTimepointScrollArea
|
|
height: 100%
|
|
overflow-x: hidden
|
|
overflow-y: auto
|
|
margin-right: -36px
|
|
padding-bottom: 20px
|
|
padding-right: 36px
|
|
-ms-overflow-style: none
|
|
|
|
&::-webkit-scrollbar
|
|
display: none
|