-
Notifications
You must be signed in to change notification settings - Fork 7
feat(oui-tile): create component #200
Conversation
9f9aa22
to
44da7e5
Compare
loadTests(require.context("../../oui-popover/src/", true, /.*((\.spec)|(index))$/)); | ||
loadTests(require.context("../../oui-stepper/src/", true, /.*((\.spec)|(index))$/)); | ||
loadTests(require.context("../../oui-skeleton/src/", true, /.*((\.spec)|(index))$/)); | ||
<<<<<<< HEAD |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Bad conflict resolution
packages/oui-tile/README.md
Outdated
</oui-tile-definition> | ||
<oui-tile-definition term="Term" term-popover="This is a popover text" description="This is a description"></oui-tile-definition> | ||
<oui-tile-definition term="Progress"> | ||
<dd> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No need of <dd>
if it's already added on your template
actions: "=?" | ||
}, | ||
transclude: { | ||
descriptionSlot: "?dd", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Maybe we should check with something else than <dd>
.
What do you think about <oui-tile-description>
?
packages/oui-tile/src/tile.html
Outdated
@@ -0,0 +1,7 @@ | |||
<div class="oui-tile"> | |||
<h4 class="oui-header_4 oui-tile__title" ng-bind="$ctrl.title"></h4> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
one time binding ?
packages/oui-tile/src/tile.html
Outdated
@@ -0,0 +1,7 @@ | |||
<div class="oui-tile"> | |||
<h4 class="oui-header_4 oui-tile__title" ng-bind="$ctrl.title"></h4> | |||
<p class="oui-tile__legend" ng-if="!!$ctrl.legend" ng-bind="$ctrl.legend"></p> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same here :)
all corrected |
packages/oui-tile/src/tile.html
Outdated
<h4 class="oui-header_4 oui-tile__title" ng-bind="::$ctrl.heading"></h4> | ||
<p class="oui-tile__legend" ng-if="!!$ctrl.description" ng-bind="::$ctrl.description"></p> | ||
<div class="oui-tile__body"> | ||
<div ng-transclude></div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
(optional) Why not setting the transclude directly on oui-tile__body
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yup u right!
packages/oui-tile/README.md
Outdated
<oui-tile-definition | ||
term="Term" | ||
description="This is a description"> | ||
<oui-action-menu data-compact> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
+ data-align="end"
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
-- data-
, we don't do it in our template.
<oui-action-menu align="end" compact>
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Already tried without data for compact attribute but it hasn't worked.
tile tile-button tile-definition test
tile tile-button tile-definition test
UK-5
tile
tile-button
tile-definition
test