neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sidebar <=> SrcreenSizes (#919)

Browse Source
This commit is contained in:
Ross Bulat 2019-04-08 20:48:39 +08:00 committed by GitHub
parent 630feed48b
commit 7b731211ac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/apps/src/SideBar/index.tsx
View File

@ -57,7 +57,7 @@ const Toggle = styled.img`
top: 0.9rem;
}
${media.TABLET`
${media.DESKTOP`
opacity: 0 !important;
top: -2.9rem !important;
`}

4
packages/apps/src/constants.ts
View File

@ -2,6 +2,8 @@
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.
import { ScreenSizes } from '@polkadot/ui-app/constants';
export enum SideBarTransition {
COLLAPSED = 'COLLAPSED',
EXPANDED = 'EXPANDED',
@ -9,5 +11,5 @@ export enum SideBarTransition {
MINIMISED_AND_EXPANDED = 'MINIMISED_AND_EXPANDED'
}
export const SIDEBAR_MENU_THRESHOLD = 768;
export const SIDEBAR_MENU_THRESHOLD = ScreenSizes.DESKTOP;
export const SIDEBAR_TRANSITION_DURATION = 300;

2
packages/ui-app/src/styles/media.css
View File

@ -80,7 +80,7 @@ th.ui--media-small {
}
/* tabs */
@media (max-width: 767px) {
@media (max-width: 991px) {
.ui.menu.tabular {
padding-left: 5.2rem !important;
}