-
Notifications
You must be signed in to change notification settings - Fork 55
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
chore(info-card): clean up info card example #190
Changes from 2 commits
58e7e5f
6ab16b7
7e45246
f62d9ef
b684366
f4d254c
71a6b27
157da9d
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,57 +1,47 @@ | ||
<div class="padding-15"> | ||
<div class="row"> | ||
<div class="col-xs-12"> | ||
<h4>Info Card Component Example</h4> | ||
<hr/> | ||
</div> | ||
<div class="row"> | ||
<div class="col-xs-12"> | ||
<h4>Info Card Component Example</h4> | ||
<hr/> | ||
</div> | ||
<div class="cards-pf"> | ||
<div class="row row-cards-pf"> | ||
<div class="col-sm-4"> | ||
</div> | ||
<div class="padding-15"> | ||
<div class="row row-cards-pf well"> | ||
<div style="max-width:409px;"> | ||
<div class="col-md-10"> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Change this to |
||
<label>With top border, Icon Class, Href</label> | ||
<pfng-info-status-card | ||
[config]="card1Config"> | ||
</pfng-info-status-card> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="cards-pf"> | ||
<div class="row row-cards-pf"> | ||
<div class="col-sm-4"> | ||
<br> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Instead of using |
||
<label>No Top Border, Icon Image, No Title, No Html Content</label> | ||
<pfng-info-status-card | ||
[config]="card2Config"> | ||
</pfng-info-status-card> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="cards-pf"> | ||
<div class="row row-cards-pf"> | ||
<div class="col-sm-4"> | ||
<br> | ||
<label>With HTML</label> | ||
<pfng-info-status-card | ||
[config]="card3Config"> | ||
</pfng-info-status-card> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="row padding-bottom-15 padding-top-15"> | ||
<div class="col-xs-12"> | ||
<h4>Code</h4> | ||
<hr/> | ||
</div> | ||
</div> | ||
<div> | ||
<tabset> | ||
<tab heading="api"> | ||
<iframe class="demoframe" src="docs/classes/cardcomponent.html"></iframe> | ||
</tab> | ||
<tab heading="html"> | ||
<include-content src="src/app/card/info-status-card/examples/info-status-card-example.component.html"></include-content> | ||
</tab> | ||
<tab heading="typescript"> | ||
<include-content src="src/app/card/info-status-card/examples/info-status-card-example.component.ts"></include-content> | ||
</tab> | ||
</tabset> | ||
</div> | ||
<div class="row padding-bottom-15 padding-top-15"> | ||
<div class="col-xs-12"> | ||
<h4>Code</h4> | ||
<hr/> | ||
</div> | ||
</div> | ||
<div> | ||
<tabset> | ||
<tab heading="api"> | ||
<iframe class="demoframe" src="docs/classes/cardcomponent.html"></iframe> | ||
</tab> | ||
<tab heading="html"> | ||
<include-content src="src/app/card/info-status-card/examples/info-status-card-example.component.html"></include-content> | ||
</tab> | ||
<tab heading="typescript"> | ||
<include-content src="src/app/card/info-status-card/examples/info-status-card-example.component.ts"></include-content> | ||
</tab> | ||
</tabset> | ||
</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.
This is conflicting with the column width that you have set below. In the "medium" viewport, you are making the card smaller than the column wants it to be.
I would delete this line, and change the column styles on the next. (see below)