[atlas] branch branch-2.0 updated: ATLAS-3389 : UI: Tag attribute values are trimmed

[kb...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

kbhatt pushed a commit to branch branch-2.0
in repository https://gitbox.apache.org/repos/asf/atlas.git


The following commit(s) were added to refs/heads/branch-2.0 by this push:
     new 5e8287f  ATLAS-3389 : UI: Tag attribute values are trimmed
5e8287f is described below

commit 5e8287f199e2da284ea2f529ab13c936f37db6c8
Author: kevalbhatt <kb...@apache.org>
AuthorDate: Fri Aug 23 18:19:57 2019 +0530

    ATLAS-3389 : UI: Tag attribute values are trimmed
    
    (cherry picked from commit ec7b8245c14654c5f1dc4e6f412564d3b527c3e0)
---
 dashboardv2/public/css/scss/tag.scss | 67 +++++++++++++++++++++++-------------
 1 file changed, 44 insertions(+), 23 deletions(-)

diff --git a/dashboardv2/public/css/scss/tag.scss b/dashboardv2/public/css/scss/tag.scss
index bf4305f..e07c3b9 100644
--- a/dashboardv2/public/css/scss/tag.scss
+++ b/dashboardv2/public/css/scss/tag.scss
@@ -17,27 +17,34 @@
 //tag.scss
 .tag-tree {
     padding: 0; // overflow: auto;
+
     &.saveSearchList {
         height: 150px;
         overflow-y: auto;
     }
+
     .child>li,
     >li {
         list-style: none;
         cursor: pointer;
+
         &.parent-node {
             position: relative;
+
             &.active {
                 &>div {
                     background-color: $color_jungle_green_approx;
                     border: none;
+
                     .tools {
-                        display: block
+                        display: block;
                     }
+
                     &:hover {
                         background-color: $color_jungle_green_approx;
                     }
                 }
+
                 ul.child {
                     &:after {
                         height: 4px;
@@ -45,20 +52,25 @@
                     }
                 }
             }
+
             &>div {
                 position: relative;
                 margin-top: 5px;
                 /* margin-bottom: 5px; */
                 border-radius: 4px;
+
                 &:hover {
                     background-color: $color_star_dust_approx;
                 }
+
                 >.fa.toggleArrow {
                     position: absolute;
                     left: 0;
                     padding: 8px;
                     cursor: pointer;
-                } // >ul>li {
+                }
+
+                // >ul>li {
                 //     line-height: 30px;
                 //     margin-left: -20px;
                 //     text-indent: 20px;
@@ -76,6 +88,7 @@
                     color: $white;
                     padding: 5px 10px;
                 }
+
                 >a,
                 >div>a {
                     display: block;
@@ -85,20 +98,24 @@
                     max-width: 91%;
                     @include ellipsis();
                     font-size: 14px;
+
                     &:hover {
                         color: $white !important;
                         text-decoration: none !important;
                     }
                 }
+
                 >i+a {
                     padding: 5px 25px;
                 }
             }
+
             >ul.child {
                 margin-left: 11px;
                 padding-left: 10px;
                 border-left: 1px dotted gray;
                 position: relative;
+
                 &:after {
                     position: absolute;
                     content: "";
@@ -108,6 +125,7 @@
                     left: -1px;
                     border-left: 1px dotted gray;
                 }
+
                 li {
                     &.parent-node {
                         &:after {
@@ -119,6 +137,7 @@
                             left: -9px;
                             border-top: 1px dotted gray;
                         }
+
                         &.active:after {
                             width: 9px;
                         }
@@ -157,29 +176,31 @@
 .mainAttrTable {
     max-height: 180px;
     overflow: auto;
-    overflow-x: hidden;
-}
 
-table.attriTable {
-    width: 100%;
-    td {
-        border: 1px solid #ddd;
-        padding: 5px 7px;
-        width: 50%;
-        &[data-type="int"],
-        &[data-type="long"],
-        &[data-type="float"],
-        &[data-type="byte"],
-        &[data-type="double"],
-        &[data-type="short"] {
-            text-align: right;
+    table.attriTable {
+        width: 100%;
+
+        td {
+            // &[data-type="int"],
+            // &[data-type="long"],
+            // &[data-type="float"],
+            // &[data-type="byte"],
+            // &[data-type="double"],
+            // &[data-type="short"] {
+            //     text-align: right;
+            // }
+        }
+
+        th,
+        td {
+            border: 1px solid #ddd;
+            padding: 5px 7px;
+            width: 50%;
+
+            &.renderable.html-cell {
+                min-width: 150px;
+            }
         }
-    }
-    th {
-        text-align: center !important;
-        border: 1px solid #ddd;
-        padding: 5px 7px;
-        width: 50%;
     }
 }