From 9554ab8c51c0a5853a58be98936223908eabcbb9 Mon Sep 17 00:00:00 2001
From: Alex Tatiyants <atatiyan@gmail.com>
Date: Mon, 4 Jan 2016 21:32:55 -0800
Subject: add node descriptions, clean up plan-node.ts

---
 app/assets/sass/_common.scss    |  6 ++++++
 app/assets/sass/_highlight.scss |  4 ++++
 app/assets/sass/_plan-node.scss | 20 ++++++++++++++++++--
 3 files changed, 28 insertions(+), 2 deletions(-)

(limited to 'app/assets/sass')

diff --git a/app/assets/sass/_common.scss b/app/assets/sass/_common.scss
index 5d38773..647e9d9 100644
--- a/app/assets/sass/_common.scss
+++ b/app/assets/sass/_common.scss
@@ -51,3 +51,9 @@ a {
 .clickable {
    cursor: pointer;
 }
+
+
+code {
+   font-family: $font-family-mono;
+   font-weight: 600;
+}
diff --git a/app/assets/sass/_highlight.scss b/app/assets/sass/_highlight.scss
index 1ade2d7..08009db 100644
--- a/app/assets/sass/_highlight.scss
+++ b/app/assets/sass/_highlight.scss
@@ -9,6 +9,10 @@
    z-index: 4;
    left: 0;
 
+   code {
+      font-weight: 300;
+   }
+   
    .plan-query-text {
       background-color: #fff;
       font-family: $font-family-mono;
diff --git a/app/assets/sass/_plan-node.scss b/app/assets/sass/_plan-node.scss
index e1ebaa9..0ac65ea 100644
--- a/app/assets/sass/_plan-node.scss
+++ b/app/assets/sass/_plan-node.scss
@@ -41,7 +41,6 @@
    .prop-list {
       float: left;
       text-align: left;
-      width: 400px;
       overflow-wrap: break-word;
       word-wrap: break-word;
       word-break: break-all;
@@ -51,7 +50,6 @@
 
    .relation-name {
      text-align: left;
-     max-width: 220px;
    }
 
    .planner-estimate {
@@ -83,6 +81,20 @@
    &:hover {
      border-color: $highlight-color;
    }
+
+   .node-description {
+      text-align: left;
+      font-style: italic;
+      padding-top: $padding-lg;
+      word-break: normal;
+
+      .node-type {
+         font-weight: 600;
+         background-color: $blue;
+         color: #fff;
+         padding: 0 $padding-base;
+      }
+   }
 }
 
 .node-bar-container {
@@ -110,3 +122,7 @@
    text-align: left;
    display: block;
 }
+
+.expanded {
+   width: 400px;
+}
-- 
cgit v1.2.3