Skip to content

Commit 483f8d5

Browse files
xidedixxidedix
committed
feat: card-header-actions
- `card-actions` replaced by `card-header-actions`
1 parent 03a2863 commit 483f8d5

17 files changed

+76
-51
lines changed

‎src/views/base/Breadcrumbs.vue

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,10 @@
88
footer-tag="footer">
99
<div slot="header">
1010
<i class="fa fa-align-justify"></i> <strong>Bootstrap Breadcrumb</strong>
11-
<div class="card-actions">
12-
<a href="https://bootstrap-vue.js.org/docs/components/breadcrumb" target="_blank"><small class="text-muted">docs</small></a>
11+
<div class="card-header-actions">
12+
<a href="https://bootstrap-vue.js.org/docs/components/breadcrumb" class="card-header-action" rel="noreferrer noopener" target="_blank">
13+
<small class="text-muted">docs</small>
14+
</a>
1315
</div>
1416
</div>
1517
<b-breadcrumb :items="items"/>

‎src/views/base/Cards.vue

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -203,7 +203,21 @@
203203
</b-card>
204204
</b-col>
205205
<b-col sm="6" md="4">
206-
<b-card header="Card title" class="bg-secondary">
206+
<b-card class="bg-secondary">
207+
<div slot="header">
208+
Card with header actions
209+
<div class="card-header-actions">
210+
<b-link href="#" class="card-header-action btn-setting">
211+
<i class="icon-settings"></i>
212+
</b-link>
213+
<b-link class="card-header-action btn-minimize" v-b-toggle.collapse1>
214+
<i class="icon-arrow-up"></i>
215+
</b-link>
216+
<b-link href="#" class="card-header-action btn-close">
217+
<i class="icon-close"></i>
218+
</b-link>
219+
</div>
220+
</div>
207221
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
208222
</b-card>
209223
</b-col>

‎src/views/base/Carousels.vue

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,16 @@
22
<div class="wrapper">
33
<div class="animated fadeIn">
44
<b-row>
5-
<b-col cols="12">
5+
<b-col md="12" lg="9" >
66
<b-card
77
header-tag="header"
88
footer-tag="footer">
99
<div slot="header">
1010
<i class="fa fa-align-justify"></i> <strong>Bootstrap Carousel</strong>
11-
<div class="card-actions">
12-
<a href="https://bootstrap-vue.js.org/docs/components/carousel" target="_blank"><small class="text-muted">docs</small></a>
11+
<div class="card-header-actions">
12+
<a href="https://bootstrap-vue.js.org/docs/components/carousel" class="card-header-action" rel="noreferrer noopener" target="_blank">
13+
<small class="text-muted">docs</small>
14+
</a>
1315
</div>
1416
</div>
1517
<div>

‎src/views/base/Collapses.vue

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,10 @@
88
footer-tag="footer">
99
<div slot="header">
1010
<i class="fa fa-align-justify"></i> <strong>Bootstrap Collapse</strong>
11-
<div class="card-actions">
12-
<a href="https://bootstrap-vue.js.org/docs/components/collapse" target="_blank"><small class="text-muted">docs</small></a>
11+
<div class="card-header-actions">
12+
<a href="https://bootstrap-vue.js.org/docs/components/collapse" class="card-header-action" rel="noreferrer noopener" target="_blank">
13+
<small class="text-muted">docs</small>
14+
</a>
1315
</div>
1416
</div>
1517
<div>
@@ -31,7 +33,7 @@
3133
header-tag="header"
3234
footer-tag="footer">
3335
<div slot="header">
34-
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with<code>v-b-toggle</code>directive</small>
36+
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with <code>v-b-toggle</code> directive</small>
3537
</div>
3638
<div>
3739
<!-- Using modifiers -->
@@ -56,7 +58,7 @@
5658
header-tag="header"
5759
footer-tag="footer">
5860
<div slot="header">
59-
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with<code>visibility</code></small>
61+
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with <code>visibility</code></small>
6062
</div>
6163
<div>
6264
<b-btn v-b-toggle.collapse3 class="m-1">Toggle Collapse</b-btn>
@@ -73,7 +75,7 @@
7375
header-tag="header"
7476
footer-tag="footer">
7577
<div slot="header">
76-
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with<code>v-model</code></small>
78+
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small>with <code>v-model</code></small>
7779
</div>
7880
<div>
7981
<b-btn @click="showCollapse = !showCollapse"
@@ -122,7 +124,7 @@
122124
header-tag="header"
123125
footer-tag="footer">
124126
<div slot="header">
125-
<i class="fa fa-align-justify"></i> <strong>Collapse</strong><small><code>accordion</code>support</small>
127+
<i class="fa fa-align-justify"></i> <strong>Collapse</strong> <small><code>accordion</code> support</small>
126128
</div>
127129
<div role="tablist">
128130
<b-card no-body class="mb-1">

‎src/views/base/Forms.vue

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -951,10 +951,16 @@
951951
<b-card no-body>
952952
<div slot="header">
953953
<i class="fa fa-edit"></i> Form Elements
954-
<div class="card-actions">
955-
<a href="#" class="btn btn-setting"><i class="icon-settings"></i></a>
956-
<b-btn class="btn btn-minimize" v-b-toggle.collapse1><i class="icon-arrow-up"></i></b-btn>
957-
<a href="#" class="btn btn-close"><i class="icon-close"></i></a>
954+
<div class="card-header-actions">
955+
<b-link href="#" class="card-header-action btn-setting">
956+
<i class="icon-settings"></i>
957+
</b-link>
958+
<b-link class="card-header-action btn-minimize" v-b-toggle.collapse1>
959+
<i class="icon-arrow-up"></i>
960+
</b-link>
961+
<b-link href="#" class="card-header-action btn-close">
962+
<i class="icon-close"></i>
963+
</b-link>
958964
</div>
959965
</div>
960966
<b-collapse id="collapse1" visible>

‎src/views/base/Jumbotrons.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
footer-tag="footer">
77
<div slot="header">
88
<i class="fa fa-align-justify"></i> <strong>Bootstrap Jumbotron</strong>
9-
<div class="card-actions">
10-
<a href="https://bootstrap-vue.js.org/docs/components/jumbotron" target="_blank">
9+
<div class="card-header-actions">
10+
<a href="https://bootstrap-vue.js.org/docs/components/jumbotron" class="card-header-action" rel="noreferrer noopener" target="_blank">
1111
<small class="text-muted">docs</small>
1212
</a>
1313
</div>

‎src/views/base/ListGroups.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,8 @@
88
footer-tag="footer">
99
<div slot="header">
1010
<i class="fa fa-align-justify"></i> <strong>Bootstrap list group</strong>
11-
<div class="card-actions">
12-
<a href="https://bootstrap-vue.js.org/docs/components/list-group" target="_blank">
11+
<div class="card-header-actions">
12+
<a href="https://bootstrap-vue.js.org/docs/components/list-group" class="card-header-action" rel="noreferrer noopener" target="_blank">
1313
<small class="text-muted">docs</small>
1414
</a>
1515
</div>

‎src/views/base/Navbars.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
footer-tag="footer">
77
<div slot="header">
88
<i class="fa fa-align-justify"></i> <strong>Bootstrap Navbar</strong>
9-
<div class="card-actions">
10-
<a href="https://bootstrap-vue.js.org/docs/components/navbar" target="_blank">
9+
<div class="card-header-actions">
10+
<a href="https://bootstrap-vue.js.org/docs/components/navbar" class="card-header-action" rel="noreferrer noopener" target="_blank">
1111
<small class="text-muted">docs</small>
1212
</a>
1313
</div>

‎src/views/base/Navs.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
footer-tag="footer">
77
<div slot="header">
88
<i class="fa fa-align-justify"></i> <strong>Bootstrap Navs</strong>
9-
<div class="card-actions">
10-
<a href="https://bootstrap-vue.js.org/docs/components/nav" target="_blank">
9+
<div class="card-header-actions">
10+
<a href="https://bootstrap-vue.js.org/docs/components/nav" class="card-header-action" rel="noreferrer noopener" target="_blank">
1111
<small class="text-muted">docs</small>
1212
</a>
1313
</div>

‎src/views/base/Paginations.vue

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
footer-tag="footer">
77
<div slot="header">
88
<i class="fa fa-align-justify"></i> <strong>Bootstrap Pagination</strong>
9-
<div class="card-actions">
10-
<a href="https://bootstrap-vue.js.org/docs/components/pagination" target="_blank">
9+
<div class="card-header-actions">
10+
<a href="https://bootstrap-vue.js.org/docs/components/pagination" class="card-header-action" rel="noreferrer noopener" target="_blank">
1111
<small class="text-muted">docs</small>
1212
</a>
1313
</div>
@@ -65,11 +65,6 @@
6565
<div slot="header">
6666
<i class="fa fa-align-justify"></i> <strong>Pagination</strong>
6767
<small>navigation</small>
68-
<div class="card-actions">
69-
<a href="https://bootstrap-vue.js.org/docs/components/pagination" target="_blank">
70-
<small class="text-muted">docs</small>
71-
</a>
72-
</div>
7368
</div>
7469
<div>
7570
<h6>Default</h6>

0 commit comments

Comments
 (0)