github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-12-01 16:11:34 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #9895 from overleaf/jel-react-dash-survey

Browse source 
[web] Fixed position survey at bottom left of viewport on React dash

GitOrigin-RevId: a48c50e0cb90ef7356b461c0a480f7b163692303
This commit is contained in:
Eric Mc Sween 2022-10-11 10:44:36 -04:00 committed by Copybot
parent 103351bc1f
commit 7c812162a1
2 changed files with 20 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
services/web/frontend/js/features/project-list/components/project-list-root.tsx
View file

@ -54,7 +54,6 @@ function ProjectListPageContent() {
<NewProjectButton id="new-project-button-sidebar" /> <NewProjectButton id="new-project-button-sidebar" />
<SidebarFilters /> <SidebarFilters />
</aside> </aside>
<SurveyWidget />
</div> </div>
</div> </div>
<div className="project-list-main-react"> <div className="project-list-main-react">
@ -119,6 +118,11 @@ function ProjectListPageContent() {
</Col> </Col>
</Row> </Row>
</div> </div>
<div className="project-list-sidebar-survey-wrapper hidden-xs">
<div className="project-list-sidebar-survey-subwrapper">
<SurveyWidget />
</div>
</div>
</> </>
) : ( ) : (
<div className="project-list-welcome-wrapper"> <div className="project-list-welcome-wrapper">

16
services/web/frontend/stylesheets/app/project-list-react.less
View file

@ -1,3 +1,5 @@
@project-list-sidebar-wrapper-flex: 0 0 15%;
.project-list-react { .project-list-react {
overflow-x: hidden; overflow-x: hidden;
@ -32,7 +34,7 @@
.project-list-sidebar-wrapper-react { .project-list-sidebar-wrapper-react {
background-color: @sidebar-bg; background-color: @sidebar-bg;
flex: 0 0 15%; flex: @project-list-sidebar-wrapper-flex;
min-height: calc(~'100vh -' @header-height); min-height: calc(~'100vh -' @header-height);
.project-list-sidebar-subwrapper { .project-list-sidebar-subwrapper {
@ -695,3 +697,15 @@
background-color: @ol-green; background-color: @ol-green;
} }
} }
.project-list-sidebar-survey-wrapper {
display: flex;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
.project-list-sidebar-survey-subwrapper {
flex: @project-list-sidebar-wrapper-flex;
}
}