diff --git a/services/web/app/views/project/editor/history/previewPanelV2.pug b/services/web/app/views/project/editor/history/previewPanelV2.pug index 6542594d6b..7842a9a34d 100644 --- a/services/web/app/views/project/editor/history/previewPanelV2.pug +++ b/services/web/app/views/project/editor/history/previewPanelV2.pug @@ -5,7 +5,7 @@ ng-if="!!history.selection.diff && !history.selection.diff.loading && !history.selection.diff.error", ng-class="{ 'diff-binary': history.selection.diff.binary }" ) - .diff-editor.hide-ace-cursor( + .diff-editor-v2.hide-ace-cursor( ng-if="!history.selection.diff.binary" ace-editor="history", theme="settings.editorTheme", diff --git a/services/web/public/stylesheets/app/editor/history.less b/services/web/public/stylesheets/app/editor/history.less index d4fc9f1e9c..c22cbcb6ec 100644 --- a/services/web/public/stylesheets/app/editor/history.less +++ b/services/web/public/stylesheets/app/editor/history.less @@ -8,6 +8,8 @@ @range-bar-color: @link-color; @range-bar-selected-offset: 14px; +@history-toolbar-height: 32px; + #history { .upgrade-prompt { position: absolute; @@ -50,17 +52,21 @@ .full-size; .toolbar { padding: 3px; - height: 32px; + height: @history-toolbar-height; .name { + color: #FFF; float: left; padding: 3px @line-height-computed / 4; display: inline-block; } } - .diff-editor { + .diff-editor-v2 { .full-size; } - + .diff-editor { + .full-size; + top: @history-toolbar-height; + } .diff-deleted { padding: @line-height-computed; }