ui: add contest progress

packages/ui-default/components/nprogress/nprogress.page.styl

@@ -7,32 +7,19 @@ $spinner-margin = ($nav-item-height - $spinner-size) / 2
 #nprogress .bar
   background: $nprogress-color
   position: fixed
-  z-index: 1031
-  top: 0
+  top: $nav-item-height
+  z-index: 99
   left: 0
   width: 100%
   height: 2px
 
-  &+above(rupture.mobile-cutoff)
-    background: $nprogress-color-floating
-
 #nprogress .peg
-  display: block
-  position: absolute
-  right: 0px
-  width: 100px
-  height: 100%
-  box-shadow: 0 0 10px $nprogress-color, 0 0 5px $nprogress-color
-  opacity: 1.0
-  transform: rotate(3deg) translate(0px, -4px)
-
-  &+above(rupture.mobile-cutoff)
-    box-shadow: 0 0 10px $nprogress-color-floating, 0 0 5px $nprogress-color-floating
+  display: none
 
 #nprogress .spinner
   display: block
   position: fixed
-  z-index: 1031
+  z-index: 99999
   top: rem($spinner-margin)
   right: rem($spinner-margin)
 
@@ -46,10 +33,6 @@ $spinner-margin = ($nav-item-height - $spinner-size) / 2
   border-radius: 50%
   animation: nprogress-spinner 400ms linear infinite
 
-  &+above(rupture.mobile-cutoff)
-    border-top-color: $nprogress-color-floating
-    border-left-color: $nprogress-color-floating
-
 .nprogress-custom-parent
   overflow: hidden
   position: relative
@@ -63,4 +46,3 @@ $spinner-margin = ($nav-item-height - $spinner-size) / 2
     transform: rotate(0deg)
   100%
     transform: rotate(360deg)
-