gitadmin/admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(Cards): card-header-actions add to CardHeader for rtl support

Browse Source
This commit is contained in:
xidedix 2018-11-07 16:57:30 +01:00
parent 6a477beb99
commit 6c3acb334a
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/Base/Cards/Cards.js
View File

@ -52,7 +52,10 @@ class Cards extends Component {
<Col xs="12" sm="6" md="4"> <Col xs="12" sm="6" md="4">
<Card> <Card>
<CardHeader> <CardHeader>
<i className="fa fa-check float-right"></i>Card with icon Card with icon
<div className="card-header-actions">
<i className="fa fa-check float-right"></i>
</div>
</CardHeader> </CardHeader>
<CardBody> <CardBody>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
@ -65,7 +68,9 @@ class Cards extends Component {
<Card> <Card>
<CardHeader> <CardHeader>
Card with switch Card with switch
<AppSwitch className={'float-right mb-0'} label color={'info'} defaultChecked size={'sm'}/> <div className="card-header-actions">
<AppSwitch className={'float-right mb-0'} label color={'info'} defaultChecked size={'sm'}/>
</div>
</CardHeader> </CardHeader>
<CardBody> <CardBody>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
@ -78,7 +83,9 @@ class Cards extends Component {
<Card> <Card>
<CardHeader> <CardHeader>
Card with label Card with label
<Badge color="success" className="float-right">Success</Badge> <div className="card-header-actions">
<Badge color="success" className="float-right">Success</Badge>
</div>
</CardHeader> </CardHeader>
<CardBody> <CardBody>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
@ -91,7 +98,9 @@ class Cards extends Component {
<Card> <Card>
<CardHeader> <CardHeader>
Card with label Card with label
<Badge pill color="danger" className="float-right">42</Badge> <div className="card-header-actions">
<Badge pill color="danger" className="float-right">42</Badge>
</div>
</CardHeader> </CardHeader>
<CardBody> <CardBody>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut