mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-07 20:31:06 -05:00
Add styling to have left-based layout when there is no space on the right.
This commit is contained in:
parent
3d5691ddaf
commit
823c2c854a
2 changed files with 24 additions and 2 deletions
|
@ -17,8 +17,8 @@ div.full-size(
|
|||
'rp-state-current-file-mini': (reviewPanel.subView === SubViews.CUR_FILE && !ui.reviewPanelOpen),\
|
||||
'rp-state-overview': (reviewPanel.subView === SubViews.OVERVIEW),\
|
||||
'rp-size-mini': (!ui.reviewPanelOpen && reviewPanel.hasEntries),\
|
||||
'rp-size-expanded': ui.reviewPanelOpen\
|
||||
'rp-layout-left': reviewPanel.layoutToLeft
|
||||
'rp-size-expanded': ui.reviewPanelOpen,\
|
||||
'rp-layout-left': reviewPanel.layoutToLeft\
|
||||
}"
|
||||
)
|
||||
.loading-panel(ng-show="!editor.sharejs_doc || editor.opening")
|
||||
|
|
|
@ -211,6 +211,19 @@
|
|||
content: '';
|
||||
}
|
||||
}
|
||||
.rp-state-current-file-mini.rp-layout-left & {
|
||||
left: auto;
|
||||
right: @review-off-width + @rp-entry-arrow-width;
|
||||
border-left-width: 0;
|
||||
border-right-width: @rp-entry-ribbon-width;
|
||||
border-right-style: solid;
|
||||
|
||||
&::after {
|
||||
.triangle(right, @rp-entry-arrow-width, @rp-entry-arrow-width * 1.5, inherit);
|
||||
right: -(@rp-entry-ribbon-width + @rp-entry-arrow-width);
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
.rp-state-current-file-expanded & {
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
|
@ -344,6 +357,15 @@
|
|||
border-bottom-right-radius: 3px;
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
.rp-layout-left & {
|
||||
&:first-child {
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rp-comment {
|
||||
|
|
Loading…
Reference in a new issue