Browse Source

HUE-6077 [frontend] Ported hue-spinner to common LESS

Enrico Berti 8 years ago
parent
commit
621721f9db

File diff suppressed because it is too large
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


File diff suppressed because it is too large
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 0 - 63
desktop/core/src/desktop/static/desktop/css/hue3.css

@@ -1352,69 +1352,6 @@ body {
   transition: opacity .3s;
 }
 
-@keyframes fadein {
-  from { opacity: 0; }
-  to   { opacity: 1; }
-}
-
-.hue-spinner {
-  position: absolute;
-  top: 0; left: 0; bottom: 0; right: 0;
-  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-  -moz-animation: fadein 2s; /* Firefox < 16 */
-  -ms-animation: fadein 2s; /* Internet Explorer */
-  -o-animation: fadein 2s; /* Opera < 12.1 */
-  animation: fadein 2s;
-  margin: auto 0;
-  vertical-align: center;
-}
-
-.hue-spinner-overlay {
-  position: absolute;
-  z-index: 10000;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(255,255,255,.5);
-  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-  -moz-animation: fadein 2s; /* Firefox < 16 */
-  -ms-animation: fadein 2s; /* Internet Explorer */
-  -o-animation: fadein 2s; /* Opera < 12.1 */
-  animation: fadein 2s;
-}
-
-.hue-spinner-center {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  margin-left: -8px;
-  margin-top: -8px;
-}
-
-.hue-spinner-center.hue-spinner-large {
-  margin-left: -13px !important;
-  margin-top: -13px !important;
-}
-
-.hue-spinner-center.hue-spinner-xlarge {
-  margin-left: -30px !important;
-  margin-top: -30px !important;
-}
-
-.hue-spinner-large {
-  font-size: 26px !important;
-}
-
-.hue-spinner-xlarge {
-  font-size: 60px !important;
-}
-
-.hue-spinner i {
-  font-size: 16px;
-  color: #aaa;
-}
-
 .dataTables_wrapper:hover > .hue-scrollbar-x-rail, .hue-scrollbar-x-rail:hover {
   opacity: 1;
 }

+ 68 - 0
desktop/core/src/desktop/static/desktop/less/components/hue-spinner.less

@@ -0,0 +1,68 @@
+/*
+ Licensed to Cloudera, Inc. under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  Cloudera, Inc. licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+
+.hue-spinner {
+  position: absolute;
+  top: 0; left: 0; bottom: 0; right: 0;
+  .hue-fade-in();
+  margin: auto 0;
+  vertical-align: center;
+}
+
+.hue-spinner-overlay {
+  position: absolute;
+  z-index: 10000;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(255,255,255,.5);
+  .hue-fade-in();
+}
+
+.hue-spinner-center {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -8px;
+  margin-top: -8px;
+}
+
+.hue-spinner-center.hue-spinner-large {
+  margin-left: -13px !important;
+  margin-top: -13px !important;
+}
+
+.hue-spinner-center.hue-spinner-xlarge {
+  margin-left: -30px !important;
+  margin-top: -30px !important;
+}
+
+.hue-spinner-large {
+  font-size: 26px !important;
+}
+
+.hue-spinner-xlarge {
+  font-size: 60px !important;
+}
+
+.hue-spinner i {
+  font-size: 16px;
+  color: #aaa;
+}

+ 1 - 0
desktop/core/src/desktop/static/desktop/less/hue-cross-version.less

@@ -27,6 +27,7 @@
 @import "components/hue-scroll-anchor.less";
 @import "components/hue-selectize.less";
 @import "components/hue-demi-modal.less";
+@import "components/hue-spinner.less";
 @import "components/hue-tour.less";
 @import "hue-helpers.less";
 

+ 12 - 0
desktop/core/src/desktop/static/desktop/less/hue-mixins.less

@@ -71,6 +71,18 @@
   box-shadow: @left @top 6px 0 rgba(0, 0, 0, 0.18), @left @top 8px 0 rgba(0, 0, 0, 0.13);
 }
 
+@keyframes fadein {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+
+.hue-fade-in {
+  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
+  -moz-animation: fadein 2s; /* Firefox < 16 */
+  -ms-animation: fadein 2s; /* Internet Explorer */
+  -o-animation: fadein 2s; /* Opera < 12.1 */
+  animation: fadein 2s;
+}
 // Flexbox mixins
 
 .display-flex() {

Some files were not shown because too many files changed in this diff