123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 |
- @import '../../css/Variable.styl'
-
- .wsContentGeneric
- position fixed
- top 85px
- right 0
- border 1px solid grey
- height 100%
- background-color lightGrey
- box-shadow shadow-page
- z-index 4
- &.visible
- visibility visible
- &__header
- display flex
- align-items center
- padding 15px
- height 64px
- &__icon
- margin-right 15px
- font-size 22px
- color white
- &__title
- margin-right 15px
- border-radius 5px
- color white
- text-overflow ellipsis
- overflow hidden
- white-space nowrap
- & > input
- padding-left 5px
- &__edittitle
- margin 0 15px
- border 1px solid transparent
- border-radius 5px
- padding 2px 8px
- color white
- font-size 17px
- cursor pointer
- &:hover
- border-color white
- .fa-pencil
- color off-white
- &__close
- border 1px solid white
- border-radius 5px
- padding 2px 5px
- cursor pointer
- & > i
- color white
- font-size 20px
- &__option
- border-bottom 1px solid grey
- padding 10px
- height 58px
- background-color off-white
- & > i
- vertical-align middle
- margin-right 15px
- font-size 25px
- cursor pointer
- &__menu
- & > div
- display flex
- align-items center
- &__addversion
- display flex
- align-items center
- cursor pointer
- &__action
- margin 5px 10px 0 0
- font-size 18px
- background-color transparent
- border none
- &:hover , &:focus
- color blue
- &__content
- display flex
- flex-wrap wrap
- // 209 = wsContentGeneric:top wsContentGeneric__header:height - wsContentGeneric__option:height
- height calc(100% - 209px)
- &__left
- width 55%
- height calc(100% - 20px) // 20px => margin of timeline
- &__right
- width 45%
- height calc(100% - 10px) // 10px => margin of timeline
-
- @media (min-width: min-sm) and (max-width: max-lg)
-
- .wsContentGeneric__content
- overflow-Y auto
- &__left
- width 100%
- margin-bottom 50px
- &__right
- width 100%
-
- @media (min-width: min-sm) and (max-width: max-sm)
-
- .wsContentGeneric
- top 70px
-
- @media (max-width: max-xs)
-
- .wsContentGeneric
- top 70px
- &__content
- overflow-Y auto
- &__left
- width 100%
- margin-bottom 50px
- &__right
- width 100%
|