Trying to fix clipping.

angular · Oct 5, 2014 · f7e51da · f7e51da
1 parent 1d47aa2
commit f7e51da
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/components/circularProgress/_circularProgress.scss b/src/components/circularProgress/_circularProgress.scss
@@ -7,10 +7,18 @@ $transition-length:.3s;
 $shadow:6px 6px 10px rgba(0, 0, 0, 0.2);
 material-circular-progress {
   display: block;
-  width: $circle-size;
-  height: $circle-size;
+  width: $circle-size + 6;
+  height: $circle-size + 6;
   background-color: $circle-background;
   border-radius: 50%;
+  padding: 3px;
+
+  .wrapper1, .wrapper2 {
+    width: $circle-size;
+    height: $circle-size;
+    position: absolute;
+    border-radius: 50%;
+  }
 
   .circle {
     .mask, .fill, .shadow {
@@ -50,9 +58,6 @@ material-circular-progress {
 
   &[mode=indeterminate] {
     .wrapper1, .wrapper2 {
-      width: $circle-size;
-      height: $circle-size;
-
       -ms-transform-origin: 50% 50%; /* IE 9 */
       webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
       transform-origin: 50% 50%;