LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

remove fixed header - allow the whole page to scroll

Browse source
This commit is contained in:
Sean Yesmunt 2018-06-13 00:37:21 -04:00
parent 7e7b8d770b
commit 20b2484cf2
3 changed files with 3 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/renderer/component/app/view.jsx
View file

@ -84,8 +84,8 @@ class App extends React.PureComponent<Props> {
<Theme /> <Theme />
<main className="page"> <main className="page">
<SideBar /> <SideBar />
<Header />
<div className="content" id="content"> <div className="content" id="content">
<Header />
<Router /> <Router />
<ModalRouter /> <ModalRouter />
</div> </div>

4
src/renderer/scss/_gui.scss
View file

@ -157,7 +157,7 @@ p {
grid-template-rows: var(--header-height) calc(100vh - var(--header-height)); grid-template-rows: var(--header-height) calc(100vh - var(--header-height));
grid-template-columns: var(--side-nav-width) auto; grid-template-columns: var(--side-nav-width) auto;
grid-template-areas: grid-template-areas:
'nav header' 'nav content'
'nav content'; 'nav content';
background-color: var(--color-bg); background-color: var(--color-bg);
height: 100vh; height: 100vh;
@ -176,7 +176,7 @@ p {
*/ */
.content { .content {
grid-area: content; grid-area: content;
overflow: auto; overflow-y: auto;
} }
.main { .main {

2
src/renderer/scss/component/_header.scss
View file

@ -1,11 +1,9 @@
.header { .header {
grid-area: header;
display: flex; display: flex;
z-index: 1; z-index: 1;
justify-content: space-between; justify-content: space-between;
padding: $spacing-width $spacing-width 0 $spacing-width; padding: $spacing-width $spacing-width 0 $spacing-width;
background-color: var(--color-bg); background-color: var(--color-bg);
// height: 100px;
} }
.header__actions-right { .header__actions-right {