| | |
| | | right: 0; |
| | | top: 0px; |
| | | height: 100vh; |
| | | padding: 20px 10px; |
| | | background: #ffffff; |
| | | z-index: 10; |
| | | transition: right 0.3s; |
| | | box-shadow: 0px 0px 5px #bcbcbc; |
| | | overflow-y: auto; |
| | | |
| | | .draw { |
| | | position: absolute; |
| | |
| | | width: 22px; |
| | | height: 22px; |
| | | } |
| | | } |
| | | .menu-control::-webkit-scrollbar { |
| | | width: 2px; |
| | | } |
| | | .menu-control::-webkit-scrollbar-thumb { |
| | | border-radius: 5px; |
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08); |
| | | background: rgba(0, 0, 0, 0.08); |
| | | } |
| | | .menu-control::-webkit-scrollbar-track { |
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); |
| | | border-radius: 3px; |
| | | border: 1px solid rgba(0, 0, 0, 0.07); |
| | | background: rgba(0, 0, 0, 0); |
| | | .wrap { |
| | | height: 100%; |
| | | padding: 20px 10px; |
| | | overflow-y: auto; |
| | | } |
| | | .wrap::-webkit-scrollbar { |
| | | width: 2px; |
| | | } |
| | | .wrap::-webkit-scrollbar-thumb { |
| | | border-radius: 5px; |
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08); |
| | | background: rgba(0, 0, 0, 0.08); |
| | | } |
| | | .wrap::-webkit-scrollbar-track { |
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); |
| | | border-radius: 3px; |
| | | border: 1px solid rgba(0, 0, 0, 0.07); |
| | | background: rgba(0, 0, 0, 0); |
| | | } |
| | | } |
| | | .menu-control.hidden { |
| | | right: -130px; |