[
https://issues.apache.org/jira/browse/AMBARI-22768?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16323206#comment-16323206
]
ASF GitHub Bot commented on AMBARI-22768:
-----------------------------------------
aleksandrkovalenko closed pull request #94: AMBARI-22768. Update Welcome page
style
URL: https://github.com/apache/ambari/pull/94
This is a PR merged from a forked repository.
As GitHub hides the original diff on merge, it is displayed below for
the sake of provenance:
As this is a foreign pull request (from a fork), the diff is supplied
below (as it won't show otherwise due to GitHub magic):
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 64e9ecb29ba..519eeaea508 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 ead73c309f2..9747addcf8e 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 00000000000..e914885d43a
--- /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>
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
[email protected]
> Update Welcome page style
> -------------------------
>
> Key: AMBARI-22768
> URL: https://issues.apache.org/jira/browse/AMBARI-22768
> Project: Ambari
> Issue Type: Task
> Components: ambari-web
> Affects Versions: 3.0.0
> Reporter: Aleksandr Kovalenko
> Assignee: Aleksandr Kovalenko
> Fix For: 3.0.0
>
> Attachments: AMBARI-22768.patch
>
>
> Update layout Welcome page on Admin View.
--
This message was sent by Atlassian JIRA
(v6.4.14#64029)
