github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-02-17 09:53:18 +00:00
Code Issues Projects Releases Packages Wiki Activity

Use flexible height v2 message panel

Browse source
This commit is contained in:
James Allen 2018-03-20 12:15:04 +00:00
parent d8ed0e5277
commit 3551f1453b
2 changed files with 29 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
services/web/app/views/project/list.pug
View file

@ -61,21 +61,22 @@ block content
.row.project-list-row(ng-cloak)
.project-list-container(ng-if="projects.length > 0")
aside.project-list-sidebar.col-md-2.col-xs-3
include ./list/side-bar
.project-list-sidebar-wrapper.col-md-2.col-xs-3
aside.project-list-sidebar
include ./list/side-bar
if hasFeature('v1-return-message')
.project-list-sidebar-v2-pane.col-md-2.col-xs-3
span Welcome to the Overleaf v2 alpha! #[a(href="https://www.overleaf.com/help/342-overleaf-v2-faq") Find out more].
if userIsFromOLv1(user)
span To tag or rename your v1 projects, please go back to Overleaf v1.
a.project-list-sidebar-v1-link(
href=settings.overleaf.host + "/dash?prefer-v1-dash=1"
) Go back to v1
if userIsFromSL(user)
a.project-list-sidebar-v1-link(
href=settings.accountMerge.sharelatexHost
) Go back to ShareLaTeX
if hasFeature('v1-return-message')
.project-list-sidebar-v2-pane(ng-controller="OverleafV1NotificationController", style="")
span Welcome to the Overleaf v2 alpha! #[a(href="https://www.overleaf.com/help/342-overleaf-v2-faq") Find out more].
if userIsFromOLv1(user)
span To tag or rename your v1 projects, please go back to Overleaf v1.
a.project-list-sidebar-v1-link(
href=settings.overleaf.host + "/dash?prefer-v1-dash=1"
) Go back to v1
if userIsFromSL(user)
a.project-list-sidebar-v1-link(
href=settings.accountMerge.sharelatexHost
) Go back to ShareLaTeX
.project-list-main.col-md-10.col-xs-9
include ./list/notifications

20
services/web/public/stylesheets/app/sidebar-v2-dash-pane.less
View file

@ -1,20 +1,28 @@
@v2-dash-pane-link-height: 130px;
.project-list-sidebar-wrapper {
height: 100%;
display: flex;
flex-direction: column;
margin: 0 -15px;
}
.project-list-sidebar {
height: calc(~"100% -" @v2-dash-pane-link-height);
flex-grow: 1;
height: 100%;
padding-left: @line-height-computed / 2;
padding-right: @line-height-computed / 2;
}
.project-list-sidebar-v2-pane {
position: absolute;
bottom: 0;
height: @v2-dash-pane-link-height;
background-color: @v2-dash-pane-bg;
flex-grow: 0;
flex-shrink: 0;
text-align: center;
display: flex;
background-color: @v2-dash-pane-bg;
flex-direction: column;
justify-content: center;
color: white;
font-size: 13px;
padding: @line-height-computed / 2;
}
.project-list-sidebar-v2-pane a {