diff --git a/services/web/app/views/project/editor.pug b/services/web/app/views/project/editor.pug index 5b6137738b..7cf3e40e78 100644 --- a/services/web/app/views/project/editor.pug +++ b/services/web/app/views/project/editor.pug @@ -8,8 +8,8 @@ block vars block content .editor(ng-controller="IdeController").full-size .loading-screen(ng-if="state.loading") - .loading-screen-lion-container - .loading-screen-lion( + .loading-screen-brand-container + .loading-screen-brand( style="height: 20%;" ng-style="{ 'height': state.load_progress + '%' }" ) diff --git a/services/web/public/img/ol-brand/overleaf-o-grey.svg b/services/web/public/img/ol-brand/overleaf-o-grey.svg new file mode 100644 index 0000000000..3b47c37cba --- /dev/null +++ b/services/web/public/img/ol-brand/overleaf-o-grey.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + diff --git a/services/web/public/img/ol-brand/overleaf-o.svg b/services/web/public/img/ol-brand/overleaf-o.svg new file mode 100644 index 0000000000..d95cee9ded --- /dev/null +++ b/services/web/public/img/ol-brand/overleaf-o.svg @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file diff --git a/services/web/public/stylesheets/app/editor.less b/services/web/public/stylesheets/app/editor.less index aae2ecdc9f..2b2347aac0 100644 --- a/services/web/public/stylesheets/app/editor.less +++ b/services/web/public/stylesheets/app/editor.less @@ -72,17 +72,17 @@ height: 100%; background-color: #FFF; } - .loading-screen-lion-container { + .loading-screen-brand-container { width: 15%; min-width: 200px; text-align: center; } - .loading-screen-lion { + .loading-screen-brand { position: relative; width: 100%; - padding-top: 86.2%; + padding-top: 115.44%; height: 0; - background: url(/img/brand/lion-grey.svg) no-repeat bottom / 100%; + background: url(/img/ol-brand/overleaf-o-grey.svg) no-repeat bottom / 100%; &::after { content: ''; @@ -91,7 +91,7 @@ right: 0; bottom: 0; left: 0; - background: url(/img/brand/lion.svg) no-repeat bottom / 100%; + background: url(/img/ol-brand/overleaf-o.svg) no-repeat bottom / 100%; transition: height .5s; } }