6161 active-hover-color =" transparent"
6262 >
6363 <app-sidebar-item-content
64+ v-if =" false"
6465 v-button
6566 icon =" star-16"
6667 title =" Vote on Survey!"
9798</template >
9899
99100<script lang="ts">
100- import Theme from ' @soramitsu/soramitsu-js-ui /lib/types/Theme'
101+ import Theme from ' @soramitsu-ui/ui-vue2 /lib/types/Theme'
101102import { Component , Mixins , Prop } from ' vue-property-decorator'
102103
103104import TranslationMixin from ' @/components/mixins/TranslationMixin'
@@ -113,7 +114,7 @@ import {
113114 FaucetLink ,
114115} from ' @/consts'
115116import { StakingPageNames } from ' @/modules/staking/consts'
116- import { getter , state } from ' @/store/decorators'
117+ import { getter , mutation , state } from ' @/store/decorators'
117118
118119import AppInfoPopper from ' ./AppInfoPopper.vue'
119120import AppSidebarItemContent from ' ./SidebarItemContent.vue'
@@ -131,11 +132,14 @@ export default class AppMenu extends Mixins(TranslationMixin) {
131132
132133 @state .settings .faucetUrl faucetUrl! : string ;
133134 @state .router .loading pageLoading! : boolean ;
135+ @state .settings .menuCollapsed collapsed! : boolean ;
136+
137+ @getter .settings .orderBookEnabled private orderBookEnabled! : boolean ;
134138 @getter .libraryTheme private libraryTheme! : Theme ;
135139
136- readonly FaucetLink = FaucetLink ;
140+ @ mutation . settings . setMenuCollapsed private setMenuCollapsed ! : ( collapsed : boolean ) => void ;
137141
138- collapsed = false ;
142+ readonly FaucetLink = FaucetLink ;
139143
140144 get collapseIcon(): string {
141145 return this .collapsed ? ' arrows-chevron-right-24' : ' arrows-chevron-left-24'
@@ -150,6 +154,9 @@ export default class AppMenu extends Mixins(TranslationMixin) {
150154 }
151155
152156 get sidebarMenuItems(): Array <SidebarMenuItemLink > {
157+ if (! this .orderBookEnabled ) {
158+ return SidebarMenuGroups .filter (({ title }) => title !== PageNames .OrderBook );
159+ }
153160 return SidebarMenuGroups ;
154161 }
155162
@@ -183,8 +190,8 @@ export default class AppMenu extends Mixins(TranslationMixin) {
183190 }
184191
185192 collapseMenu(e ? : PointerEvent ) {
186- ((e ?.target as HTMLElement ) .closest (' #collapse-button' as HTMLElement ) .blur ();
187- this .collapsed = ! this .collapsed ;
193+ ((e ?.target as HTMLElement | null )? .closest ?. (' #collapse-button' as HTMLElement | null )? .blur ();
194+ this .setMenuCollapsed ( ! this .collapsed ) ;
188195 }
189196}
190197script >
@@ -204,6 +211,10 @@ export default class AppMenu extends Mixins(TranslationMixin) {
204211 }
205212 }
206213
214+ .collapse-button {
215+ pointer-events none ;
216+ }
217+
207218 & :hover ,
208219 & :focus {
209220 box-shadow 20px 20px 60px 0px #0000001a ;
@@ -213,6 +224,10 @@ export default class AppMenu extends Mixins(TranslationMixin) {
213224 display initial ;
214225 }
215226 }
227+
228+ .collapse-button {
229+ pointer-events all ;
230+ }
216231 }
217232 }
218233}
@@ -286,9 +301,6 @@ export default class AppMenu extends Mixins(TranslationMixin) {
286301 & :focus {
287302 background-color unset !important ;
288303 }
289- i .el-icon-bank-card {
290- width 28px ; // to avoid issue with paddings
291- }
292304 }
293305}
294306style >
@@ -346,6 +358,7 @@ export default class AppMenu extends Mixins(TranslationMixin) {
346358
347359 @include large-mobile (true) {
348360 position fixed ;
361+ right 0 ;
349362
350363 & .visible {
351364 visibility visible ;
@@ -368,10 +381,6 @@ export default class AppMenu extends Mixins(TranslationMixin) {
368381 }
369382 }
370383
371- @include large-mobile (true) {
372- right 0 ;
373- }
374-
375384 @include large-mobile {
376385 visibility visible ;
377386 position relative ;
@@ -409,6 +418,8 @@ export default class AppMenu extends Mixins(TranslationMixin) {
409418 flex 1 ;
410419 flex-flow column nowrap ;
411420 justify-content space-between ;
421+ max-width $sidebar-max-width ;
422+ padding-right $inner-spacing-mini ; // for shadow
412423 }
413424 }
414425}
@@ -480,4 +491,3 @@ export default class AppMenu extends Mixins(TranslationMixin) {
480491 }
481492}
482493style >
483- @/modules/staking/demeter/consts
0 commit comments