ambari-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From akovale...@apache.org
Subject ambari git commit: AMBARI-21818. Styling for the Stacks and Versions Page Repo Isn't Centered (alexantonenko)
Date Fri, 25 Aug 2017 15:08:02 GMT
Repository: ambari
Updated Branches:
  refs/heads/branch-2.6 ac4b38bb1 -> 6588679df


AMBARI-21818. Styling for the Stacks and Versions Page Repo Isn't Centered (alexantonenko)


Project: http://git-wip-us.apache.org/repos/asf/ambari/repo
Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/6588679d
Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/6588679d
Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/6588679d

Branch: refs/heads/branch-2.6
Commit: 6588679df030f6731cc3c286084e89013e92a369
Parents: ac4b38b
Author: Alex Antonenko <aantonenko@hortonworks.com>
Authored: Fri Aug 25 18:07:51 2017 +0300
Committer: Alex Antonenko <aantonenko@hortonworks.com>
Committed: Fri Aug 25 18:07:51 2017 +0300

----------------------------------------------------------------------
 ambari-web/app/styles/stack_versions.less | 35 ++++++++++++++++----------
 1 file changed, 22 insertions(+), 13 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/ambari/blob/6588679d/ambari-web/app/styles/stack_versions.less
----------------------------------------------------------------------
diff --git a/ambari-web/app/styles/stack_versions.less b/ambari-web/app/styles/stack_versions.less
index 6635c34..631186a 100644
--- a/ambari-web/app/styles/stack_versions.less
+++ b/ambari-web/app/styles/stack_versions.less
@@ -314,18 +314,25 @@
         padding: 0;
         line-height: 30px;
         position: relative;
-      }
-      .top-label::after {
-        content: '';
-        position: absolute;
-        left: 0;
-        top: 100%;
-        width: 0;
-        height: 0;
-        border-left: 95px solid transparent;
-        border-right: 95px solid transparent;
-        border-top: 10px solid @current-green;
-        clear: both;
+        z-index: 2;
+        &:after,&:before{
+          content: '';
+          position: absolute;
+          top: 100%;
+          width: 100%;
+          height: 100%;
+          background-color: @current-green;
+          z-index: -1;
+        }
+        &:after{
+          left: -49%;
+          transform: rotate(5deg) translate(0,-94%);
+        }
+        &:before {
+          left: 51%;
+          transform: rotate(175deg) translate(0,94%);
+        }
+
       }
       .btn-group {
         display: inline-block;
@@ -357,9 +364,11 @@
       margin: 5px 0 15px 0;
     }
     .state.attach-top {
-      margin: 0 0 25px 0;
+      margin: 0;
       line-height: 20px;
       padding-top: 0;
+      padding-bottom: 25px;
+      overflow: hidden;
     }
     .services-section {
       width: 100%;


Mime
View raw message