From f0c9e1f6902ea5fb033a3ce5fd43a3a4a3decbe7 Mon Sep 17 00:00:00 2001 From: Anthony Koerber Date: Wed, 10 Aug 2016 18:18:23 -0500 Subject: [PATCH] guide action --- src/strand-action/index.html | 12 +++++++ src/strand-action/strand-action.html | 10 +++++- src/strand-action/strand-action.js | 8 +++-- src/strand-action/strand-action.scss | 12 +++++++ src/strand-guide-tooltip/index.html | 33 +++++++++++++++++-- .../strand-guide-tooltip.html | 10 ++++-- .../strand-guide-tooltip.js | 22 ++++++++++++- src/strand-guide/index.html | 5 ++- 8 files changed, 103 insertions(+), 9 deletions(-) diff --git a/src/strand-action/index.html b/src/strand-action/index.html index 85664289..6fb6c0fc 100644 --- a/src/strand-action/index.html +++ b/src/strand-action/index.html @@ -119,6 +119,18 @@
+

Action: with external attribute

+ + + +
+

Action: with external attribute

+
+ + + +
+
diff --git a/src/strand-action/strand-action.html b/src/strand-action/strand-action.html index 33db7763..d1103687 100644 --- a/src/strand-action/strand-action.html +++ b/src/strand-action/strand-action.html @@ -10,13 +10,21 @@ + diff --git a/src/strand-action/strand-action.js b/src/strand-action/strand-action.js index 8bdec2b9..dc2fb052 100644 --- a/src/strand-action/strand-action.js +++ b/src/strand-action/strand-action.js @@ -35,13 +35,17 @@ type: Boolean, value: false, reflectToAttribute: true + }, + external: { + type: Boolean, + value: false } }, - updateClass: function(underline) { + updateClass: function(underline, external) { var o = {}; o.action = true; - o.underline = underline; + o.underline = underline || external; return this.classBlock(o); } diff --git a/src/strand-action/strand-action.scss b/src/strand-action/strand-action.scss index f27ca11e..693612ac 100644 --- a/src/strand-action/strand-action.scss +++ b/src/strand-action/strand-action.scss @@ -51,4 +51,16 @@ margin-top: -1px; color: inherit; } +} + +:host[external] { + .action { + & > ::content label { + font-size:12px !important; + } + + strand-icon { + margin: 0 0 0 3px; + } + } } \ No newline at end of file diff --git a/src/strand-guide-tooltip/index.html b/src/strand-guide-tooltip/index.html index b4636bd3..cc992e5c 100644 --- a/src/strand-guide-tooltip/index.html +++ b/src/strand-guide-tooltip/index.html @@ -85,11 +85,40 @@ - +
+ + +
+ +
+ + +
diff --git a/src/strand-guide-tooltip/strand-guide-tooltip.html b/src/strand-guide-tooltip/strand-guide-tooltip.html index 41922a0d..82c09fd6 100644 --- a/src/strand-guide-tooltip/strand-guide-tooltip.html +++ b/src/strand-guide-tooltip/strand-guide-tooltip.html @@ -16,10 +16,16 @@