Skip to content

A
atlas
Commit ec7b8245 by kevalbhatt
Options

ATLAS-3389 : UI: Tag attribute values are trimmed

parent 235acae0
Showing with 38 additions and 17 deletions
dashboardv2/public/css/scss/tag.scss
...@@ -17,27 +17,34 @@ ...@@ -17,27 +17,34 @@
//tag.scss //tag.scss
.tag-tree { .tag-tree {
padding: 0; // overflow: auto; padding: 0; // overflow: auto;
&.saveSearchList { &.saveSearchList {
height: 150px; height: 150px;
overflow-y: auto; overflow-y: auto;
} }
.child>li, .child>li,
>li { >li {
list-style: none; list-style: none;
cursor: pointer; cursor: pointer;
&.parent-node { &.parent-node {
position: relative; position: relative;
&.active { &.active {
&>div { &>div {
background-color: $color_jungle_green_approx; background-color: $color_jungle_green_approx;
border: none; border: none;
.tools { .tools {
display: block display: block;
} }
&:hover { &:hover {
background-color: $color_jungle_green_approx; background-color: $color_jungle_green_approx;
} }
} }
ul.child { ul.child {
&:after { &:after {
height: 4px; height: 4px;
...@@ -45,20 +52,25 @@ ...@@ -45,20 +52,25 @@
} }
} }
} }
&>div { &>div {
position: relative; position: relative;
margin-top: 5px; margin-top: 5px;
/* margin-bottom: 5px; */ /* margin-bottom: 5px; */
border-radius: 4px; border-radius: 4px;
&:hover { &:hover {
background-color: $color_star_dust_approx; background-color: $color_star_dust_approx;
} }
>.fa.toggleArrow { >.fa.toggleArrow {
position: absolute; position: absolute;
left: 0; left: 0;
padding: 8px; padding: 8px;
cursor: pointer; cursor: pointer;
} // >ul>li { }
// >ul>li {
// line-height: 30px; // line-height: 30px;
// margin-left: -20px; // margin-left: -20px;
// text-indent: 20px; // text-indent: 20px;
...@@ -76,6 +88,7 @@ ...@@ -76,6 +88,7 @@
color: $white; color: $white;
padding: 5px 10px; padding: 5px 10px;
} }
>a, >a,
>div>a { >div>a {
display: block; display: block;
...@@ -85,20 +98,24 @@ ...@@ -85,20 +98,24 @@
max-width: 91%; max-width: 91%;
@include ellipsis(); @include ellipsis();
font-size: 14px; font-size: 14px;
&:hover { &:hover {
color: $white !important; color: $white !important;
text-decoration: none !important; text-decoration: none !important;
} }
} }
>i+a { >i+a {
padding: 5px 25px; padding: 5px 25px;
} }
} }
>ul.child { >ul.child {
margin-left: 11px; margin-left: 11px;
padding-left: 10px; padding-left: 10px;
border-left: 1px dotted gray; border-left: 1px dotted gray;
position: relative; position: relative;
&:after { &:after {
position: absolute; position: absolute;
content: ""; content: "";
...@@ -108,6 +125,7 @@ ...@@ -108,6 +125,7 @@
left: -1px; left: -1px;
border-left: 1px dotted gray; border-left: 1px dotted gray;
} }
li { li {
&.parent-node { &.parent-node {
&:after { &:after {
...@@ -119,6 +137,7 @@ ...@@ -119,6 +137,7 @@
left: -9px; left: -9px;
border-top: 1px dotted gray; border-top: 1px dotted gray;
} }
&.active:after { &.active:after {
width: 9px; width: 9px;
} }
...@@ -157,29 +176,31 @@ ...@@ -157,29 +176,31 @@
.mainAttrTable { .mainAttrTable {
max-height: 180px; max-height: 180px;
overflow: auto; overflow: auto;
overflow-x: hidden;
}
table.attriTable { table.attriTable {
width: 100%; 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 { td {
border: 1px solid #ddd; border: 1px solid #ddd;
padding: 5px 7px; padding: 5px 7px;
width: 50%; width: 50%;
&[data-type="int"],
&[data-type="long"], &.renderable.html-cell {
&[data-type="float"], min-width: 150px;
&[data-type="byte"],
&[data-type="double"],
&[data-type="short"] {
text-align: right;
} }
} }
th {
text-align: center !important;
border: 1px solid #ddd;
padding: 5px 7px;
width: 50%;
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment