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 @@