Skip to content
Permalink
Browse files

fix(card): update link to take full width of footer (#3116)

  • Loading branch information...
engai committed Mar 7, 2018
1 parent 0fa0165 commit 89c6a28656386c9ab39dbc26909a842ca015696c
Showing with 32 additions and 11 deletions.
  1. +9 −0 ui/components/cards/base/_index.scss
  2. +23 −11 ui/components/cards/base/example.jsx
@@ -88,6 +88,15 @@
}
}

/**
* @summary Actionable element within card footer
* @selector .slds-card__footer-action
* @restrict .slds-card__footer a
*/
.slds-card__footer-action {
display: block;
}

/**
* Use class if card consumes any form of a tile
*
@@ -214,7 +214,7 @@ export let examples = [
</table>
</CardBody>
<CardFooter>
<a href="javascript:void(0);">
<a className="slds-card__footer-action" href="javascript:void(0);">
View All <span className="slds-assistive-text">entity type</span>
</a>
</CardFooter>
@@ -276,7 +276,7 @@ export let examples = [
</ul>
</CardBody>
<CardFooter>
<a href="javascript:void(0);">
<a className="slds-card__footer-action" href="javascript:void(0);">
View All <span className="slds-assistive-text">entity type</span>
</a>
</CardFooter>
@@ -303,7 +303,10 @@ export let examples = [
</p>
</CardBody>
<CardFooter>
<a href="javascript:void(0);">
<a
className="slds-card__footer-action"
href="javascript:void(0);"
>
View All{' '}
<span className="slds-assistive-text">entity type</span>
</a>
@@ -320,7 +323,10 @@ export let examples = [
</p>
</CardBody>
<CardFooter>
<a href="javascript:void(0);">
<a
className="slds-card__footer-action"
href="javascript:void(0);"
>
View All{' '}
<span className="slds-assistive-text">entity type</span>
</a>
@@ -337,7 +343,10 @@ export let examples = [
</p>
</CardBody>
<CardFooter>
<a href="javascript:void(0);">
<a
className="slds-card__footer-action"
href="javascript:void(0);"
>
View All{' '}
<span className="slds-assistive-text">entity type</span>
</a>
@@ -354,15 +363,18 @@ export let examples = [
</p>
</CardBody>
<CardFooter>
<a href="javascript:void(0);">
<a
className="slds-card__footer-action"
href="javascript:void(0);"
>
View All{' '}
<span className="slds-assistive-text">entity type</span>
</a>
</CardFooter>
</Card>
</CardBody>
<CardFooter>
<a href="javascript:void(0);">
<a className="slds-card__footer-action" href="javascript:void(0);">
View All <span className="slds-assistive-text">entity type</span>
</a>
</CardFooter>
@@ -390,7 +402,7 @@ export let examples = [
</p>
</CardBody>
<CardFooter>
<a href="javascript:void(0);">
<a className="slds-card__footer-action" href="javascript:void(0);">
View All <span className="slds-assistive-text">entity type</span>
</a>
</CardFooter>
@@ -406,7 +418,7 @@ export let examples = [
</p>
</CardBody>
<CardFooter>
<a href="javascript:void(0);">
<a className="slds-card__footer-action" href="javascript:void(0);">
View All <span className="slds-assistive-text">entity type</span>
</a>
</CardFooter>
@@ -422,7 +434,7 @@ export let examples = [
</p>
</CardBody>
<CardFooter>
<a href="javascript:void(0);">
<a className="slds-card__footer-action" href="javascript:void(0);">
View All <span className="slds-assistive-text">entity type</span>
</a>
</CardFooter>
@@ -438,7 +450,7 @@ export let examples = [
</p>
</CardBody>
<CardFooter>
<a href="javascript:void(0);">
<a className="slds-card__footer-action" href="javascript:void(0);">
View All <span className="slds-assistive-text">entity type</span>
</a>
</CardFooter>

0 comments on commit 89c6a28

Please sign in to comment.
You can’t perform that action at this time.