github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-07 20:31:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #13923 from overleaf/td-review-panel-non-sticky-toolbar-nav

Browse source 
Make toolbar and nav non-sticky in React review panel overview mode

GitOrigin-RevId: feb2950698512120a676a597f0edfa7ba615f934
This commit is contained in:
Tim Down 2023-07-20 11:52:43 +01:00 committed by Copybot
parent a88589b7b7
commit 752ad8870d
2 changed files with 15 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
services/web/frontend/js/features/source-editor/components/review-panel/current-file-container.tsx
View file

@ -56,7 +56,12 @@ function CurrentFileContainer() {
}, [setEntryHover])
return (
<Container classNames={{ 'rp-collapsed-displaying-entry': entryHover }}>
<Container
classNames={{
'rp-collapsed-displaying-entry': entryHover,
'rp-current-file-container': true,
}}
>
<div className="review-panel-tools">
<Toolbar />
<Nav />

16
services/web/frontend/stylesheets/app/editor/review-panel.less
View file

@ -1244,14 +1244,16 @@ button when (@is-overleaf-light = true) {
padding: 0;
}
.review-panel-toolbar {
position: sticky;
top: 0;
}
&.rp-current-file-container {
.review-panel-toolbar {
position: sticky;
top: 0;
}
.rp-nav {
position: sticky;
bottom: 0;
.rp-nav {
position: sticky;
bottom: 0;
}
}
.rp-entry-list-react {