Bladeren bron

Progress: fix incorrect vertical align if percent is zero

kingwl 8 jaren geleden
bovenliggende
commit
e647bc994f
2 gewijzigde bestanden met toevoegingen van 9 en 0 verwijderingen
  1. 1 0
      packages/theme-default/src/progress.css
  2. 8 0
      test/unit/specs/progress.spec.js

+ 1 - 0
packages/theme-default/src/progress.css

@@ -96,6 +96,7 @@
       text-align: right;
       border-radius: 100px;
       line-height: 1;
+      white-space: nowrap;
 
       @utils-vertical-center;
     }

+ 8 - 0
test/unit/specs/progress.spec.js

@@ -87,4 +87,12 @@ describe('Progress', () => {
     expect(vm.$el.querySelector('.el-progress-circle').style.height).to.be.equal('120px');
     expect(vm.$el.querySelector('.el-progress-circle').style.width).to.be.equal('120px');
   });
+  it('should work with stroke-width', () => {
+    vm = createVue({
+      template: `
+        <el-progress :text-inside="true" :stroke-width="36" :percentage="0"></el-progress>
+      `
+    }, true);
+    expect(vm.$el.querySelector('.el-progress-bar__innerText').offsetTop).to.be.equal(12);
+  });
 });