brooklyn-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From henev...@apache.org
Subject [05/13] incubator-brooklyn git commit: blueprint tour tidy
Date Tue, 20 Jan 2015 16:12:23 GMT
blueprint tour tidy

remove "self-destruct" message, and use drop-shadow and triangle on hover annotations


Project: http://git-wip-us.apache.org/repos/asf/incubator-brooklyn/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-brooklyn/commit/a8a9f28b
Tree: http://git-wip-us.apache.org/repos/asf/incubator-brooklyn/tree/a8a9f28b
Diff: http://git-wip-us.apache.org/repos/asf/incubator-brooklyn/diff/a8a9f28b

Branch: refs/heads/master
Commit: a8a9f28b1a1495ea7d20956c98b91d803acd1ebd
Parents: 310c414
Author: Alex Heneveld <alex.heneveld@cloudsoftcorp.com>
Authored: Mon Jan 19 12:51:12 2015 +0000
Committer: Alex Heneveld <alex.heneveld@cloudsoftcorp.com>
Committed: Mon Jan 19 22:57:24 2015 +0000

----------------------------------------------------------------------
 docs/style/css/_blueprint_tour.scss      | 12 +++++++++---
 docs/website/learnmore/blueprint-tour.md |  3 +--
 2 files changed, 10 insertions(+), 5 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-brooklyn/blob/a8a9f28b/docs/style/css/_blueprint_tour.scss
----------------------------------------------------------------------
diff --git a/docs/style/css/_blueprint_tour.scss b/docs/style/css/_blueprint_tour.scss
index 203ca03..5fe50fe 100644
--- a/docs/style/css/_blueprint_tour.scss
+++ b/docs/style/css/_blueprint_tour.scss
@@ -66,6 +66,7 @@ div.annotated_blueprint {
             height: auto;
             width: 100%;
             padding: 8px 8px;
+            padding-bottom: 11px;
             color: $explained_text_highlight_fg_color;
 
             div.short {
@@ -83,7 +84,7 @@ div.annotated_blueprint {
           }
           div.connector {
             height: 7px;
-            width: 24px;
+            width: 48px;
           }
         }
       }
@@ -103,18 +104,23 @@ div.annotated_blueprint {
           border: 4px solid $explained_code_highlight_bg_color;
           border-radius: 8px;
           text-align: center; 
+          box-shadow: 2px 10px 20px $gray_aa;
           div.short {
             font-size: 100% !important;
             text-align: center !important;
             color: $text_color;
             margin-bottom: 8px;
-            font-weight: bold; 
+            font-weight: normal; 
             z-index: 10;
           }
           div.long { display: inherit !important; }
         }
         div.connector {
-          background-color: $explained_code_highlight_bg_color;
+          border-style: solid;
+          width: 16px !important;
+          border-width: 5px 0px 5px 6px;
+          border-style: solid;
+          border-color: transparent transparent transparent $explained_code_highlight_bg_color;
         }
       }
       // highlighting of key code segments

http://git-wip-us.apache.org/repos/asf/incubator-brooklyn/blob/a8a9f28b/docs/website/learnmore/blueprint-tour.md
----------------------------------------------------------------------
diff --git a/docs/website/learnmore/blueprint-tour.md b/docs/website/learnmore/blueprint-tour.md
index c202d19..04ce5d2 100644
--- a/docs/website/learnmore/blueprint-tour.md
+++ b/docs/website/learnmore/blueprint-tour.md
@@ -4,12 +4,11 @@ title: A Quick Tour of a Brooklyn Blueprint
 title_in_menu: Blueprint Tour
 ---
 
-
 <div class="jumobotron annotated_blueprint" markdown="1">
   <div class="code_scroller">
     <div class="initial_notice"><div><div>
       Hover over an element to learn more
-      <div class="ann_light">This message will self-destruct in <span id="countdown">3s</span></div>
+      <div class="ann_light">This message will go away in <span id="countdown">3s</span></div>
       <div class="ann_play fa fa-play-circle-o"></div>
     </div></div></div>
     <div class="code_viewer">


Mime
View raw message