You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@trafficcontrol.apache.org by da...@apache.org on 2017/05/31 20:59:14 UTC
[03/52] [abbrv] incubator-trafficcontrol git commit: adds license
details for experimental TO ui theme and loading bar used in traffic portal
and experimental TO UI
adds license details for experimental TO ui theme and loading bar used in traffic portal and experimental TO UI
(cherry picked from commit 57068b4ce64e32a5374417fcab774f0e5d97f6eb)
Project: http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/commit/44ce8a4e
Tree: http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/tree/44ce8a4e
Diff: http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/diff/44ce8a4e
Branch: refs/heads/1.8.x
Commit: 44ce8a4eb67ae439c679bd686515d6305c13fea4
Parents: 597e779
Author: Jeremy Mitchell <mi...@gmail.com>
Authored: Tue Jan 24 11:15:41 2017 -0700
Committer: Dan Kirkwood <da...@gmail.com>
Committed: Tue Jan 24 11:40:38 2017 -0700
----------------------------------------------------------------------
traffic_ops/experimental/ui/app/src/index.html | 2 +
.../experimental/ui/app/src/styles/loading.scss | 110 +
.../experimental/ui/app/src/styles/main.scss | 5954 +-----------------
.../experimental/ui/app/src/styles/theme.scss | 4174 ++++++++++++
traffic_portal/app/src/index.html | 1 +
traffic_portal/app/src/styles/loading.scss | 110 +
traffic_portal/app/src/styles/main.scss | 113 -
7 files changed, 4406 insertions(+), 6058 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/blob/44ce8a4e/traffic_ops/experimental/ui/app/src/index.html
----------------------------------------------------------------------
diff --git a/traffic_ops/experimental/ui/app/src/index.html b/traffic_ops/experimental/ui/app/src/index.html
index ee95434..ac22f1d 100644
--- a/traffic_ops/experimental/ui/app/src/index.html
+++ b/traffic_ops/experimental/ui/app/src/index.html
@@ -30,6 +30,8 @@ under the License.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="resources/assets/images/favicon.png" type="image/x-icon" />
+ <link rel="stylesheet" media="all" href="resources/styles/theme.css">
+ <link rel="stylesheet" media="all" href="resources/styles/loading.css">
<link rel="stylesheet" media="all" href="resources/styles/main.css">
<link rel="stylesheet" media="all" href="resources/assets/css/custom.css">
http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/blob/44ce8a4e/traffic_ops/experimental/ui/app/src/styles/loading.scss
----------------------------------------------------------------------
diff --git a/traffic_ops/experimental/ui/app/src/styles/loading.scss b/traffic_ops/experimental/ui/app/src/styles/loading.scss
new file mode 100644
index 0000000..eef92fe
--- /dev/null
+++ b/traffic_ops/experimental/ui/app/src/styles/loading.scss
@@ -0,0 +1,110 @@
+/*!
+ * angular-loading-bar v0.4.2
+ * https://chieffancypants.github.io/angular-loading-bar
+ * Copyright (c) 2014 Wes Cruver
+ * License: MIT
+ */
+
+/* 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;
+}
+
+#loading-bar.ng-enter,
+#loading-bar.ng-leave.ng-leave-active,
+#loading-bar-spinner.ng-enter,
+#loading-bar-spinner.ng-leave.ng-leave-active {
+ opacity: 0;
+}
+
+#loading-bar.ng-enter.ng-enter-active,
+#loading-bar.ng-leave,
+#loading-bar-spinner.ng-enter.ng-enter-active,
+#loading-bar-spinner.ng-leave {
+ opacity: 1;
+}
+
+#loading-bar .bar {
+ -webkit-transition: width 350ms;
+ -moz-transition: width 350ms;
+ -o-transition: width 350ms;
+ transition: width 350ms;
+
+ background: #29d;
+ position: fixed;
+ z-index: 2000;
+ 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: #29d 1px 0 6px 1px;
+ -ms-box-shadow: #29d 1px 0 6px 1px;
+ -webkit-box-shadow: #29d 1px 0 6px 1px;
+ box-shadow: #29d 1px 0 6px 1px;
+ -moz-border-radius: 100%;
+ -webkit-border-radius: 100%;
+ border-radius: 100%;
+}
+
+#loading-bar-spinner {
+ display: none;
+ position: fixed;
+ z-index: 2000;
+ top: 10px;
+ left: 10px;
+}
+
+#loading-bar-spinner .spinner-icon {
+ width: 14px;
+ height: 14px;
+
+ border: solid 2px transparent;
+ border-top-color: #29d;
+ border-left-color: #29d;
+ border-radius: 10px;
+
+ -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); transform: rotate(0deg); }
+ 100% { transform: rotate(360deg); transform: rotate(360deg); }
+}