diff --git a/services/web/app/views/project/editor/editor.jade b/services/web/app/views/project/editor/editor.jade index bd7d26616f..4988e56dc4 100644 --- a/services/web/app/views/project/editor/editor.jade +++ b/services/web/app/views/project/editor/editor.jade @@ -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") diff --git a/services/web/public/stylesheets/app/editor/review-panel.less b/services/web/public/stylesheets/app/editor/review-panel.less index 5aff5ed322..652bf55e5b 100644 --- a/services/web/public/stylesheets/app/editor/review-panel.less +++ b/services/web/public/stylesheets/app/editor/review-panel.less @@ -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 {