Add styling to have left-based layout when there is no space on the right.

This commit is contained in:
Paulo Reis 2017-01-12 17:06:08 +00:00
parent 3d5691ddaf
commit 823c2c854a
2 changed files with 24 additions and 2 deletions

View file

@ -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")

View file

@ -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 {