From 193b9ba7c0f7bfe7baa4e2214b0705bd2230c8ad Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Fri, 7 Aug 2020 11:34:22 +0200 Subject: [PATCH] Fix loading bar color --- client/src/app/app.component.html | 2 +- client/src/sass/application.scss | 1 - client/src/sass/loading-bar.scss | 94 ------------------------------- 3 files changed, 1 insertion(+), 96 deletions(-) delete mode 100644 client/src/sass/loading-bar.scss diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html index b66c9afde..9a8a8e14f 100644 --- a/client/src/app/app.component.html +++ b/client/src/app/app.component.html @@ -41,7 +41,7 @@ - + diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index eacfad30b..9668da39d 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss @@ -10,7 +10,6 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/'; $assets-path: '../../assets/'; @import './player/index'; -@import './loading-bar'; @import './bootstrap'; @import './primeng-custom'; diff --git a/client/src/sass/loading-bar.scss b/client/src/sass/loading-bar.scss deleted file mode 100644 index d7c308911..000000000 --- a/client/src/sass/loading-bar.scss +++ /dev/null @@ -1,94 +0,0 @@ -@import '_mixins'; -// Thanks: https://github.com/aitboudad/ngx-loading-bar/blob/master/loading-bar.css - -/* Make clicks pass-through */ -#loading-bar, -#loading-bar-spinner { - pointer-events: none; - -webkit-pointer-events: none; - -webkit-transition: 350ms linear all; - -moz-transition: 350ms linear all; - -o-transition: 350ms linear all; - transition: 350ms linear all; - color: pvar(--mainColor); -} - -#loading-bar .bar { - -webkit-transition: width 350ms; - -moz-transition: width 350ms; - -o-transition: width 350ms; - transition: width 350ms; - - background: pvar(--mainColor); - position: fixed; - z-index: z(loadbar); - top: 0; - left: 0; - width: 100%; - height: 2px; - border-bottom-right-radius: 1px; - border-top-right-radius: 1px; -} - -/* Fancy blur effect */ -#loading-bar .peg { - position: absolute; - width: 70px; - right: 0; - top: 0; - height: 2px; - opacity: .45; - -moz-box-shadow: 1px 0 6px 1px; - -ms-box-shadow: 1px 0 6px 1px; - -webkit-box-shadow: 1px 0 6px 1px; - box-shadow: 1px 0 6px 1px; - color: inherit; - -moz-border-radius: 100%; - -webkit-border-radius: 100%; - border-radius: 100%; -} - -#loading-bar-spinner { - display: block; - position: fixed; - z-index: z(loadbar); - top: 10px; - left: 10px; -} - -#loading-bar-spinner .spinner-icon { - width: 14px; - height: 14px; - - border: solid 2px transparent; - border-top-color: inherit; - border-left-color: inherit; - border-radius: 50%; - - -webkit-animation: loading-bar-spinner 400ms linear infinite; - -moz-animation: loading-bar-spinner 400ms linear infinite; - -ms-animation: loading-bar-spinner 400ms linear infinite; - -o-animation: loading-bar-spinner 400ms linear infinite; - animation: loading-bar-spinner 400ms linear infinite; -} - -@-webkit-keyframes loading-bar-spinner { - 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } -} -@-moz-keyframes loading-bar-spinner { - 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } -} -@-o-keyframes loading-bar-spinner { - 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } -} -@-ms-keyframes loading-bar-spinner { - 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } - 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } -} -@keyframes loading-bar-spinner { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } -}