Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 207 | espaco | 1 | .layout-rightpanel { |
| 2 | position: fixed; |
||
| 3 | z-index: 1000; |
||
| 4 | right: 0; |
||
| 5 | top:56px; |
||
| 6 | height: calc(100% - 56px); |
||
| 7 | padding: 0; |
||
| 8 | width: 294px; |
||
| 9 | overflow: auto; |
||
| 10 | background-color: lighten($contentBgColor, 3%); |
||
| 11 | transform: translate3d(294px, 0px, 0px); |
||
| 12 | @include transition(transform $transitionDuration); |
||
| 13 | -webkit-backface-visibility: hidden; |
||
| 14 | -moz-backface-visibility: hidden; |
||
| 15 | backface-visibility: hidden; |
||
| 16 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06); |
||
| 17 | |||
| 18 | .rightpanel-wrapper { |
||
| 19 | height: 100%; |
||
| 20 | padding: 12px 10px; |
||
| 21 | padding-right: 0; |
||
| 22 | } |
||
| 23 | } |
||
| 24 | |||
| 25 | .layout-wrapper { |
||
| 26 | &.layout-rightpanel-active { |
||
| 27 | .layout-rightpanel { |
||
| 28 | transform: translate3d(0px, 0px, 0px); |
||
| 29 | } |
||
| 30 | } |
||
| 31 | } |
||
| 32 | |||
| 33 | @media(max-width:992px) { |
||
| 34 | .layout-rightpanel { |
||
| 35 | top:104px; |
||
| 36 | width: 254px; |
||
| 37 | transform: translate3d(254px, 0px, 0px); |
||
| 38 | height: calc(100% - 104px); |
||
| 39 | } |
||
| 40 | } |