diff --git a/services/web/app/views/project/editor/history/toolbarV2.pug b/services/web/app/views/project/editor/history/toolbarV2.pug index 2acb93854b..8abe329b01 100644 --- a/services/web/app/views/project/editor/history/toolbarV2.pug +++ b/services/web/app/views/project/editor/history/toolbarV2.pug @@ -30,6 +30,13 @@ i.fa.fa-exchange |  #{translate("compare_to_another_version")} + button.history-toolbar-btn-danger.pull-right( + tooltip-html="'

This feature is still in progress. Please use copy and paste to restore your files.

More restore options are coming soon.

'" + tooltip-placement="bottom" + ) + i.fa.fa-undo + |  #{translate("restore_to_before_these_changes")} + .history-toolbar-entries-list( ng-if="!history.error" ) diff --git a/services/web/public/stylesheets/app/editor/history-v2.less b/services/web/public/stylesheets/app/editor/history-v2.less index 36504227a4..56e9051997 100644 --- a/services/web/public/stylesheets/app/editor/history-v2.less +++ b/services/web/public/stylesheets/app/editor/history-v2.less @@ -29,15 +29,23 @@ } .history-toolbar-actions { flex-grow: 1; + flex-shrink: 0; } - .history-toolbar-btn { + .history-toolbar-btn, + .history-toolbar-btn-danger { .btn; - .btn-info; .btn-xs; padding-left: @padding-small-horizontal; padding-right: @padding-small-horizontal; margin-right: (@line-height-computed / 2); } + .history-toolbar-btn { + .btn-info; + } + .history-toolbar-btn-danger { + .btn-danger; + opacity: 0.65; + } .history-toolbar-entries-list { flex: 0 0 @changesListWidth; padding: 0 10px;