diff --git a/services/web/app/views/project/list.pug b/services/web/app/views/project/list.pug index deecc46911..48d2cf205a 100644 --- a/services/web/app/views/project/list.pug +++ b/services/web/app/views/project/list.pug @@ -63,6 +63,10 @@ block content aside.project-list-sidebar.col-md-2.col-xs-3 include ./list/side-bar + .project-list-sidebar-v1-link.col-md-2.col-xs-3 + span Want to go back to the V1 dashboard? + a.btn.btn-default(href=settings.overleaf.host + "/dash") Go back to V1 + .project-list-main.col-md-10.col-xs-9 include ./list/notifications include ./list/project-list diff --git a/services/web/public/stylesheets/app/project-list.less b/services/web/public/stylesheets/app/project-list.less index 1ca170ff89..55dcd30643 100644 --- a/services/web/public/stylesheets/app/project-list.less +++ b/services/web/public/stylesheets/app/project-list.less @@ -1,4 +1,5 @@ @announcements-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); +@v1-dash-link-height: 110px; @keyframes pulse { 0% { @@ -55,7 +56,7 @@ } .project-list-sidebar when (@is-overleaf) { - height: 100%; + height: calc(~"100% -" @v1-dash-link-height); overflow-x: hidden; overflow-y: auto; -ms-overflow-style: -ms-autohiding-scrollbar; @@ -110,6 +111,33 @@ } } +.project-list-sidebar-v1-link { + position: absolute; + bottom: 0; + height: @v1-dash-link-height; + background-color: @sidebar-hover-bg; // TODO: Fix var names + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; + color: white; +} + + .project-list-sidebar-v1-link a { + display: block; + margin-left: auto; + margin-right: auto; + margin-top: 4px; + padding-top: 0; + padding-bottom: 0; + background-color: @sidebar-bg; // TODO: Fix var names + color: #fff; + } + + .project-list-sidebar-v1-link a:hover { + background-color: @sidebar-active-bg; // TODO: Fix var names + } + .userNotifications { ul { margin-bottom:0px;