yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix text positioning in Firefox

Browse Source
This commit is contained in:
Mads Rasmussen
2017-10-26 20:35:04 +02:00
parent ae10f3d21f
commit 2e611c20d4
2 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/Umbraco.Web.UI.Client/src/less/components/umb-progress-circle.less
View File

@@ -1,8 +1,5 @@
.umb-progress-circle {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.umb-progress-circle__view-box {
@@ -47,6 +44,6 @@
// the text in the center
.umb-progress-circle__percentage {
font-size: 16px;
font-weight: 700;
font-weight: bold;
text-align: center;
}

2
src/Umbraco.Web.UI.Client/src/views/components/umb-progress-circle.html
View File

@@ -1,4 +1,4 @@
<div class="umb-progress-circle" ng-style="{'width': size, 'height': size }">
<div class="umb-progress-circle" ng-style="{'width': size, 'height': size, 'line-height': size + 'px' }">
<svg class="umb-progress-circle__view-box" viewBox="0 0 100 100">
<circle class="umb-progress-circle__bg" cx="50" cy="50" r="47" fill="none" stroke-width="6"/>
<circle class="umb-progress-circle__highlight umb-progress-circle__highlight--{{ color }}" cx="50" cy="50" r="47" fill="none" stroke-width="6" stroke-dasharray="{{ strokeDashArray }}" stroke-dashoffset="{{ strokeDashOffset }}" />