Skip to content

Commit ae88687

Browse files
zackbloomzackbloom
committed
Merge pull request CodeByZach#222 from thorikawa/box-sizing
Fix the issue that the center-radar layout is awkward when box-sizing is set to border-box
2 parents 68649d5 + c0eb52c commit ae88687

12 files changed

+89
-1
lines changed

‎pace.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎templates/pace-theme-center-radar.tmpl.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,10 @@
3636
border-color: `args.color || "#29d"` transparent transparent;
3737
border-radius: 50%;
3838

39+
-webkit-box-sizing: content-box;
40+
-moz-box-sizing: content-box;
41+
box-sizing: content-box;
42+
3943
-webkit-animation: spin 1s linear infinite;
4044
-moz-animation: spin 1s linear infinite;
4145
-o-animation: spin 1s linear infinite;
@@ -54,6 +58,10 @@
5458
border-style: solid;
5559
border-color: `args.color || "#29d"` transparent transparent;
5660
border-radius: 50%;
61+
62+
-webkit-box-sizing: content-box;
63+
-moz-box-sizing: content-box;
64+
box-sizing: content-box;
5765
}
5866

5967
@-webkit-keyframes spin {

‎themes/black/pace-theme-center-radar.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@
3737
border-color: #000000 transparent transparent;
3838
border-radius: 50%;
3939

40+
-webkit-box-sizing: content-box;
41+
-moz-box-sizing: content-box;
42+
box-sizing: content-box;
43+
4044
-webkit-animation: spin 1s linear infinite;
4145
-moz-animation: spin 1s linear infinite;
4246
-o-animation: spin 1s linear infinite;
@@ -55,6 +59,10 @@
5559
border-style: solid;
5660
border-color: #000000 transparent transparent;
5761
border-radius: 50%;
62+
63+
-webkit-box-sizing: content-box;
64+
-moz-box-sizing: content-box;
65+
box-sizing: content-box;
5866
}
5967

6068
@-webkit-keyframes spin {

‎themes/blue/pace-theme-center-radar.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@
3737
border-color: #2299dd transparent transparent;
3838
border-radius: 50%;
3939

40+
-webkit-box-sizing: content-box;
41+
-moz-box-sizing: content-box;
42+
box-sizing: content-box;
43+
4044
-webkit-animation: spin 1s linear infinite;
4145
-moz-animation: spin 1s linear infinite;
4246
-o-animation: spin 1s linear infinite;
@@ -55,6 +59,10 @@
5559
border-style: solid;
5660
border-color: #2299dd transparent transparent;
5761
border-radius: 50%;
62+
63+
-webkit-box-sizing: content-box;
64+
-moz-box-sizing: content-box;
65+
box-sizing: content-box;
5866
}
5967

6068
@-webkit-keyframes spin {

‎themes/green/pace-theme-center-radar.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@
3737
border-color: #22df80 transparent transparent;
3838
border-radius: 50%;
3939

40+
-webkit-box-sizing: content-box;
41+
-moz-box-sizing: content-box;
42+
box-sizing: content-box;
43+
4044
-webkit-animation: spin 1s linear infinite;
4145
-moz-animation: spin 1s linear infinite;
4246
-o-animation: spin 1s linear infinite;
@@ -55,6 +59,10 @@
5559
border-style: solid;
5660
border-color: #22df80 transparent transparent;
5761
border-radius: 50%;
62+
63+
-webkit-box-sizing: content-box;
64+
-moz-box-sizing: content-box;
65+
box-sizing: content-box;
5866
}
5967

6068
@-webkit-keyframes spin {

‎themes/orange/pace-theme-center-radar.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@
3737
border-color: #eb7a55 transparent transparent;
3838
border-radius: 50%;
3939

40+
-webkit-box-sizing: content-box;
41+
-moz-box-sizing: content-box;
42+
box-sizing: content-box;
43+
4044
-webkit-animation: spin 1s linear infinite;
4145
-moz-animation: spin 1s linear infinite;
4246
-o-animation: spin 1s linear infinite;
@@ -55,6 +59,10 @@
5559
border-style: solid;
5660
border-color: #eb7a55 transparent transparent;
5761
border-radius: 50%;
62+
63+
-webkit-box-sizing: content-box;
64+
-moz-box-sizing: content-box;
65+
box-sizing: content-box;
5866
}
5967

6068
@-webkit-keyframes spin {

‎themes/pink/pace-theme-center-radar.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@
3737
border-color: #e90f92 transparent transparent;
3838
border-radius: 50%;
3939

40+
-webkit-box-sizing: content-box;
41+
-moz-box-sizing: content-box;
42+
box-sizing: content-box;
43+
4044
-webkit-animation: spin 1s linear infinite;
4145
-moz-animation: spin 1s linear infinite;
4246
-o-animation: spin 1s linear infinite;
@@ -55,6 +59,10 @@
5559
border-style: solid;
5660
border-color: #e90f92 transparent transparent;
5761
border-radius: 50%;
62+
63+
-webkit-box-sizing: content-box;
64+
-moz-box-sizing: content-box;
65+
box-sizing: content-box;
5866
}
5967

6068
@-webkit-keyframes spin {

‎themes/purple/pace-theme-center-radar.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@
3737
border-color: #7c60e0 transparent transparent;
3838
border-radius: 50%;
3939

40+
-webkit-box-sizing: content-box;
41+
-moz-box-sizing: content-box;
42+
box-sizing: content-box;
43+
4044
-webkit-animation: spin 1s linear infinite;
4145
-moz-animation: spin 1s linear infinite;
4246
-o-animation: spin 1s linear infinite;
@@ -55,6 +59,10 @@
5559
border-style: solid;
5660
border-color: #7c60e0 transparent transparent;
5761
border-radius: 50%;
62+
63+
-webkit-box-sizing: content-box;
64+
-moz-box-sizing: content-box;
65+
box-sizing: content-box;
5866
}
5967

6068
@-webkit-keyframes spin {

‎themes/red/pace-theme-center-radar.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@
3737
border-color: #ee3148 transparent transparent;
3838
border-radius: 50%;
3939

40+
-webkit-box-sizing: content-box;
41+
-moz-box-sizing: content-box;
42+
box-sizing: content-box;
43+
4044
-webkit-animation: spin 1s linear infinite;
4145
-moz-animation: spin 1s linear infinite;
4246
-o-animation: spin 1s linear infinite;
@@ -55,6 +59,10 @@
5559
border-style: solid;
5660
border-color: #ee3148 transparent transparent;
5761
border-radius: 50%;
62+
63+
-webkit-box-sizing: content-box;
64+
-moz-box-sizing: content-box;
65+
box-sizing: content-box;
5866
}
5967

6068
@-webkit-keyframes spin {

‎themes/silver/pace-theme-center-radar.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@
3737
border-color: #d6d6d6 transparent transparent;
3838
border-radius: 50%;
3939

40+
-webkit-box-sizing: content-box;
41+
-moz-box-sizing: content-box;
42+
box-sizing: content-box;
43+
4044
-webkit-animation: spin 1s linear infinite;
4145
-moz-animation: spin 1s linear infinite;
4246
-o-animation: spin 1s linear infinite;
@@ -55,6 +59,10 @@
5559
border-style: solid;
5660
border-color: #d6d6d6 transparent transparent;
5761
border-radius: 50%;
62+
63+
-webkit-box-sizing: content-box;
64+
-moz-box-sizing: content-box;
65+
box-sizing: content-box;
5866
}
5967

6068
@-webkit-keyframes spin {

0 commit comments

Comments
 (0)