You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ambari.apache.org by ak...@apache.org on 2018/01/11 23:27:54 UTC
[ambari] branch trunk updated: AMBARI-22768. Update Welcome page
style (akovalenko)
This is an automated email from the ASF dual-hosted git repository.
akovalenko pushed a commit to branch trunk
in repository https://gitbox.apache.org/repos/asf/ambari.git
The following commit(s) were added to refs/heads/trunk by this push:
new 8e59a86 AMBARI-22768. Update Welcome page style (akovalenko)
8e59a86 is described below
commit 8e59a86edfbd0ac0b56934f34755e43cc61546e8
Author: Aleksandr Kovalenko <ak...@hortonworks.com>
AuthorDate: Thu Jan 11 18:13:19 2018 +0200
AMBARI-22768. Update Welcome page style (akovalenko)
---
.../admin-web/app/styles/cluster-information.css | 29 +++++++++++++++++++---
.../app/views/clusters/clusterInformation.html | 8 +++---
ambari-web/app/assets/img/install-box.svg | 28 +++++++++++++++++++++
3 files changed, 58 insertions(+), 7 deletions(-)
diff --git a/ambari-admin/src/main/resources/ui/admin-web/app/styles/cluster-information.css b/ambari-admin/src/main/resources/ui/admin-web/app/styles/cluster-information.css
index 64e9ecb..519eeae 100644
--- a/ambari-admin/src/main/resources/ui/admin-web/app/styles/cluster-information.css
+++ b/ambari-admin/src/main/resources/ui/admin-web/app/styles/cluster-information.css
@@ -52,7 +52,30 @@
padding: 30px;
}
-#cluster-information .fa-cloud {
- font-size: 150px;
- color: #f0f0f0;
+#cluster-information .install-button {
+ height: 40px;
+}
+
+#cluster-information .install-button a {
+ height: 100%;
+ padding: 0;
+ width: 225px;
+ font-size: 16px;
+ line-height: 40px;
+}
+
+@keyframes INSTALL-BOX-ROTATE {
+ 0% {transform: rotate(0deg)}
+ 12.5% {transform: rotate(-30deg)}
+ 37.5% {transform: rotate(30deg)}
+ 62.5% {transform: rotate(-30deg)}
+ 87.5% {transform: rotate(30deg)}
+ 100% {transform: rotate(0deg)}
+}
+
+#cluster-information #install-box {
+ animation: INSTALL-BOX-ROTATE 2s;
+ width: 116px;
+ margin-bottom: 20px;
+ margin-top: 40px;
}
diff --git a/ambari-admin/src/main/resources/ui/admin-web/app/views/clusters/clusterInformation.html b/ambari-admin/src/main/resources/ui/admin-web/app/views/clusters/clusterInformation.html
index ead73c3..9747add 100644
--- a/ambari-admin/src/main/resources/ui/admin-web/app/views/clusters/clusterInformation.html
+++ b/ambari-admin/src/main/resources/ui/admin-web/app/views/clusters/clusterInformation.html
@@ -20,17 +20,17 @@
<div ng-show="cluster.Clusters.provisioning_state !== 'INSTALLED'">
<div class="welcome-header">
<h1>{{'main.title' | translate}}</h1>
- <span>{{'main.noClusterDescription' | translate}}</span>
+ <span class="help-block">{{'main.noClusterDescription' | translate}}</span>
</div>
<div class="create-cluster-section">
<h2>{{'main.createCluster.title' | translate}}</h2>
<div>
- <span>
+ <span class="help-block">
{{'main.createCluster.description' | translate}}
</span>
</div>
- <div><i class="fa fa-cloud" aria-hidden="true"></i></div>
- <div>
+ <div><img id="install-box" src="/img/install-box.svg"></div>
+ <div class="install-button">
<a href="{{fromSiteRoot('/#/installer/step0')}}" class="btn btn-primary">
{{'main.createCluster.launchInstallWizard' | translate}}
</a>
diff --git a/ambari-web/app/assets/img/install-box.svg b/ambari-web/app/assets/img/install-box.svg
new file mode 100644
index 0000000..e914885
--- /dev/null
+++ b/ambari-web/app/assets/img/install-box.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 92 71.6" style="enable-background:new 0 0 92 71.6;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#666666;}
+ .st1{fill:#DDDDDD;}
+ .st2{fill:#CCCCCC;}
+</style>
+<g>
+ <path class="st1" d="M46.6,68.1c-0.6,0-1-0.4-1-1v-41l-30-11.7c-0.5-0.2-0.8-0.8-0.6-1.3c0.2-0.5,0.8-0.8,1.3-0.6l30.7,12
+ c0.4,0.1,0.6,0.5,0.6,0.9V67C47.6,67.6,47.2,68.1,46.6,68.1z"/>
+ <path class="st1" d="M46.6,68.1c-0.1,0-0.3,0-0.4-0.1L15.5,54.7c-0.4-0.2-0.6-0.5-0.6-0.9V38.5c0-0.6,0.4-1,1-1s1,0.4,1,1v14.6
+ L47,66.2c0.5,0.2,0.7,0.8,0.5,1.3C47.4,67.8,47,68.1,46.6,68.1z"/>
+ <path class="st1" d="M36.3,42.8c-0.1,0-0.3,0-0.4-0.1L5.2,29.4c-0.3-0.1-0.5-0.4-0.6-0.6c-0.1-0.3,0-0.6,0.1-0.8L15,13
+ c0.3-0.4,0.8-0.5,1.2-0.4l30.7,12c0.3,0.1,0.5,0.3,0.6,0.6s0.1,0.6-0.1,0.8L37.1,42.4C36.9,42.7,36.6,42.8,36.3,42.8z"/>
+ <path class="st1" d="M15.9,14.5c-0.4,0-0.8-0.3-0.9-0.7c-0.2-0.5,0.1-1.1,0.6-1.3l26.2-9.6c0.5-0.2,1.1,0.1,1.3,0.6
+ S43,4.6,42.5,4.8l-26.2,9.6C16.2,14.5,16,14.5,15.9,14.5z"/>
+ <path class="st1" d="M46.6,68.1c-0.6,0-1-0.4-1-1V25.5c0-0.4,0.3-0.8,0.6-0.9l30.7-12c0.5-0.2,1.1,0.1,1.3,0.6
+ c0.2,0.5-0.1,1.1-0.6,1.3l-30,11.6V67C47.6,67.6,47.2,68.1,46.6,68.1z"/>
+ <path class="st1" d="M46.6,68.1c-0.4,0-0.8-0.2-0.9-0.6c-0.2-0.5,0-1.1,0.5-1.3l30.1-13.1V38.5c0-0.6,0.4-1,1-1s1,0.4,1,1v15.2
+ c0,0.4-0.2,0.8-0.6,0.9L47,68C46.9,68,46.7,68.1,46.6,68.1z"/>
+ <path class="st1" d="M56.9,42.8c-0.3,0-0.7-0.2-0.8-0.5L45.8,26c-0.2-0.3-0.2-0.6-0.2-0.8c0.1-0.3,0.3-0.5,0.6-0.6l30.7-12
+ c0.4-0.2,0.9,0,1.2,0.4l10.3,15c0.2,0.2,0.2,0.6,0.1,0.8c-0.1,0.3-0.3,0.5-0.6,0.6L57.3,42.8C57.2,42.8,57.1,42.8,56.9,42.8z"/>
+ <path class="st1" d="M77.3,14.5c-0.1,0-0.2,0-0.3-0.1L48.8,4.8C48.3,4.6,48,4,48.2,3.5s0.7-0.8,1.3-0.6l28.1,9.6
+ c0.5,0.2,0.8,0.8,0.6,1.3C78.1,14.2,77.7,14.5,77.3,14.5z"/>
+</g>
+</svg>
--
To stop receiving notification emails like this one, please contact
['"commits@ambari.apache.org" <co...@ambari.apache.org>'].