Skip to content

Commit fe40155

Browse files
AramManukyanAramManukyan
committed
Convert all panels to cards
1 parent 33cf007 commit fe40155

51 files changed

Lines changed: 296 additions & 296 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

src/_common/_styles/panels.scss renamed to src/_common/_styles/cards.scss

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,64 +1,64 @@
1-
.panel {
1+
.card {
22
background-color: #fff;
33
box-shadow: 1px 1px 5px fade-out($color-text-light, 0.9);
44

55
margin-bottom: 10px;
66
border-radius: 0;
77

8-
.panel-heading {
8+
.card-header {
99
background-image: none;
1010
color: #fff;
1111
border-radius: 0;
1212
}
1313

14-
&.panel-default {
14+
&.card-default {
1515

16-
& > .panel-heading {
16+
& > .card-header {
1717
background-color: #fff;
1818
color: inherit;
1919
}
2020
}
2121

22-
&.panel-primary {
22+
&.card-primary {
2323
border-color: $color-primary;
24-
& > .panel-heading {
24+
& > .card-header {
2525
background-color: $color-primary;
2626
border-color: $color-primary;
2727
}
2828
}
2929

30-
&.panel-success {
31-
& > .panel-heading {
30+
&.card-success {
31+
& > .card-header {
3232
background-color: $color-success;
3333
}
3434
}
3535

36-
&.panel-info {
37-
& > .panel-heading {
36+
&.card-info {
37+
& > .card-header {
3838
background-color: $color-info;
3939
}
4040
}
4141

42-
&.panel-warning {
43-
& > .panel-heading {
42+
&.card-warning {
43+
& > .card-header {
4444
background-color: $color-warning;
4545
}
4646
}
4747

48-
&.panel-danger {
49-
& > .panel-heading {
48+
&.card-danger {
49+
& > .card-header {
5050
background-color: $color-danger;
5151
}
5252
}
5353

54-
&.panel-inverse {
55-
& > .panel-heading {
54+
&.card-inverse {
55+
& > .card-header {
5656
background-color: $color-inverse;
5757
}
5858
}
5959

6060
.title-block,
61-
.panel-title-block {
61+
.card-title-block {
6262
padding-bottom: 0;
6363
margin-bottom: 20px;
6464
border: none;
@@ -77,7 +77,7 @@
7777
}
7878

7979

80-
.panel-body {
80+
.card-block {
8181
padding: 15px;
8282

8383
@include media(xl) {
@@ -89,6 +89,6 @@
8989
}
9090
}
9191

92-
.panel-footer {
92+
.card-footer {
9393
background-color: #fafafa;
9494
}

‎src/_common/_styles/typography.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
font-size: 18px;
1313
}
1414

15-
.panel & {
15+
.card & {
1616
font-size: 18px;
1717
}
1818
}

‎src/app/_common/sidebar/sidebar.hbs‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@
9595
</a>
9696
</li>
9797

98-
<li {{#is page "in" "buttons,grid,icons,panels,typography,animations"}}
98+
<li {{#is page "in" "buttons,grid,icons,cards,typography,animations"}}
9999
class="active open"
100100
{{/is}} >
101101
<a href="">
@@ -110,9 +110,9 @@
110110
</a>
111111
</li>
112112

113-
<li {{#is page "===" "panels"}}class="active"{{/is}}>
114-
<a href="panels.html">
115-
Panels
113+
<li {{#is page "===" "cards"}}class="active"{{/is}}>
114+
<a href="cards.html">
115+
Cards
116116
</a>
117117
</li>
118118

‎src/app/charts/charts-flot/charts-flot-page.hbs‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,9 @@ page: charts-flot
1616
<section class="section">
1717
<div class="row">
1818
<div class="col-md-6">
19-
<div class="panel">
20-
<div class="panel-body">
21-
<div class="panel-title-block">
19+
<div class="card">
20+
<div class="card-block">
21+
<div class="card-title-block">
2222
<h3 class="title">
2323
Bar Chart Example
2424
</h3>
@@ -35,9 +35,9 @@ page: charts-flot
3535

3636

3737
<div class="col-md-6">
38-
<div class="panel">
39-
<div class="panel-body">
40-
<div class="panel-title-block">
38+
<div class="card">
39+
<div class="card-block">
40+
<div class="card-title-block">
4141
<h3 class="title">
4242
Line Cahrt Example
4343
</h3>
@@ -57,9 +57,9 @@ page: charts-flot
5757
<section class="section">
5858
<div class="row">
5959
<div class="col-md-6">
60-
<div class="panel">
61-
<div class="panel-body">
62-
<div class="panel-title-block">
60+
<div class="card">
61+
<div class="card-block">
62+
<div class="card-title-block">
6363
<h3 class="title">
6464
Pie Chart Example
6565
</h3>
@@ -78,9 +78,9 @@ page: charts-flot
7878

7979

8080
<div class="col-md-6">
81-
<div class="panel">
82-
<div class="panel-body">
83-
<div class="panel-title-block">
81+
<div class="card">
82+
<div class="card-block">
83+
<div class="card-title-block">
8484
<h3 class="title">
8585
Live Chart Example
8686
</h3>
@@ -103,10 +103,10 @@ page: charts-flot
103103
<div class="row">
104104
<div class="col-md-12">
105105

106-
<div class="panel">
107-
<div class="panel-body">
106+
<div class="card">
107+
<div class="card-block">
108108

109-
<div class="panel-title-block">
109+
<div class="card-title-block">
110110
<h3 class="title">
111111
Multiple Axes Line Chart Example
112112
</h3>

‎src/app/charts/charts-morris/charts-morris-page.hbs‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,10 @@ page: charts-morris
1616
<section class="section">
1717
<div class="row">
1818
<div class="col-md-6">
19-
<div class="panel">
20-
<div class="panel-body">
19+
<div class="card">
20+
<div class="card-block">
2121

22-
<div class="panel-title-block">
22+
<div class="card-title-block">
2323
<h3 class="title">
2424
Area Chart Example
2525
</h3>
@@ -37,10 +37,10 @@ page: charts-morris
3737

3838

3939
<div class="col-md-6">
40-
<div class="panel">
41-
<div class="panel-body">
40+
<div class="card">
41+
<div class="card-block">
4242

43-
<div class="panel-title-block">
43+
<div class="card-title-block">
4444
<h3 class="title">
4545
Bar Chart Example
4646
</h3>
@@ -62,10 +62,10 @@ page: charts-morris
6262
<div class="row">
6363

6464
<div class="col-md-6">
65-
<div class="panel">
66-
<div class="panel-body">
65+
<div class="card">
66+
<div class="card-block">
6767

68-
<div class="panel-title-block">
68+
<div class="card-title-block">
6969
<h3 class="title">
7070
Line Chart Example
7171
</h3>
@@ -83,10 +83,10 @@ page: charts-morris
8383

8484

8585
<div class="col-md-6">
86-
<div class="panel">
87-
<div class="panel-body">
86+
<div class="card">
87+
<div class="card-block">
8888

89-
<div class="panel-title-block">
89+
<div class="card-title-block">
9090
<h3 class="title">
9191
Donut Chart Example
9292
</h3>
@@ -106,9 +106,9 @@ page: charts-morris
106106
<section class="section">
107107
<div class="row">
108108
<div class="col-md-12">
109-
<div class="panel">
110-
<div class="panel-body">
111-
<div class="panel-title-block">
109+
<div class="card">
110+
<div class="card-block">
111+
<div class="card-title-block">
112112
<h3 class="title">
113113
Simple one line Example
114114
</h3>

‎src/app/dashboard/index-page.hbs‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -54,8 +54,8 @@ items:
5454
{{> app/dashboard/items/items}}
5555
</div>
5656
<div class="col-sm-6 col-md-4">
57-
<div class="panel sameheight-item comments" data-exclude="xs">
58-
<div class="panel-body">
57+
<div class="card sameheight-item comments" data-exclude="xs">
58+
<div class="card-block">
5959
<div class="title-block">
6060
<h3 class="title">
6161
Comments
@@ -65,8 +65,8 @@ items:
6565
</div>
6666
</div>
6767
<div class="col-sm-12 col-md-4">
68-
<div class="panel sameheight-item feed" data-exclude="xs">
69-
<div class="panel-body">
68+
<div class="card sameheight-item feed" data-exclude="xs">
69+
<div class="card-block">
7070
<div class="title-block">
7171
<h3 class="title">
7272
Newsfeed
@@ -95,8 +95,8 @@ items:
9595
{{> app/dashboard/projects/projects}}
9696
</div>
9797
<div class="col-md-4">
98-
<div class="panel sameheight-item" data-exclude="xs">
99-
<div class="panel-body">
98+
<div class="card sameheight-item" data-exclude="xs">
99+
<div class="card-block">
100100
<div class="title-block">
101101
<h3 class="title">
102102
Support tickets

‎src/app/dashboard/items/items.hbs‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
<div class="panel sameheight-item items" data-exclude="xs">
2-
<div class="panel-body">
1+
<div class="card sameheight-item items" data-exclude="xs">
2+
<div class="card-block">
33
<div class="title-block">
44
<h3 class="title">
55
Items

‎src/app/dashboard/items/items.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
// Tweaking dashboard items panel
1+
// Tweaking dashboard items card
22

33
.dashboard-page .items {
4-
.panel-body {
4+
.card-block {
55
padding-bottom: 0;
66
}
77

‎src/app/dashboard/projects/projects.hbs‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,31 @@
11
<div class="sameheight-item projects" data-exclude="xs">
22
<div class="item">
3-
<div class="panel">
4-
<div class="panel-body">
3+
<div class="card">
4+
<div class="card-block">
55
<br><br>
66
</div>
77
</div>
88
</div>
99

1010
<div class="item">
11-
<div class="panel">
12-
<div class="panel-body">
11+
<div class="card">
12+
<div class="card-block">
1313
<br><br>
1414
</div>
1515
</div>
1616
</div>
1717

1818
<div class="item">
19-
<div class="panel">
20-
<div class="panel-body">
19+
<div class="card">
20+
<div class="card-block">
2121
<br><br>
2222
</div>
2323
</div>
2424
</div>
2525

2626
<div class="item">
27-
<div class="panel">
28-
<div class="panel-body">
27+
<div class="card">
28+
<div class="card-block">
2929
<br><br>
3030
</div>
3131
</div>

‎src/app/dashboard/stats/stats.hbs‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
<div class="panel sameheight-item stats" data-exclude="xs">
2-
<div class="panel-body">
1+
<div class="card sameheight-item stats" data-exclude="xs">
2+
<div class="card-block">
33

44
<div class="title-block">
55
<h4 class="title">

0 commit comments

Comments
 (0)