filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-23 14:07:20 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixed cut off user controls

Browse Source
This commit is contained in:
Martina 2020-09-28 15:38:35 -07:00
parent 2c1c545a80
commit 2446d46843
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
common/constants.js
View File

@ -11,6 +11,7 @@ export const sizes = {
header: 72,
tablet: 960,
desktop: 1024,
topOffset: 16, //NOTE(martina): Pushes UI down. 16 when there is a persistent announcement banner, 0 otherwise
};
export const system = {

8
components/core/ApplicationLayout.js
View File

@ -63,8 +63,7 @@ const STYLES_CONTENT = css`
min-height: 100vh;
position: relative;
padding-left: ${Constants.sizes.navigation}px;
margin-top: 16px; /* TODO(martina): remove this once the alert banner is gone */
margin-top: ${Constants.sizes.topOffset}px;
@media (max-width: ${Constants.sizes.mobile}px) {
padding-left: 76px;
}
@ -100,7 +99,7 @@ const STYLES_NAVIGATION = css`
z-index: ${Constants.zindex.navigation};
width: ${Constants.sizes.navigation}px;
background-color: ${Constants.system.foreground};
${STYLES_NO_VISIBLE_SCROLL}
${"" /* ${STYLES_NO_VISIBLE_SCROLL} NOTE(martina): removed for now b/c unnecessary (now that there's no slates dropdown) and b/c caused user menu to be cut off on mobile*/}
@media (max-width: ${Constants.sizes.mobile}px) {
width: auto;
}
@ -138,7 +137,8 @@ const STYLES_SIDEBAR_HEADER = css`
`;
const STYLES_SIDEBAR_CONTENT = css`
padding: 72px 24px 24px 24px;
padding: 56px 24px 24px 24px;
padding-top: calc(56px + ${Constants.sizes.topOffset}px);
`;
const STYLES_BLOCK = css`

2
components/core/ApplicationNavigation.js
View File

@ -28,7 +28,7 @@ const IconMap = {
};
const STYLES_NAVIGATION = css`
margin-top: 16px; /* TODO(martina): remove this once the alert banner is gone */
margin-top: ${Constants.sizes.topOffset}px;
width: 100%;
display: block;
padding: 24px 0 0 0;