Remove fomantic progress module (go-gitea#19760)

Replace it with HTML `<progress>` element. The bar won't go green at 100% anymore but I think it's not something that fits stylistically anyways.
silentcodeg · May 20, 2022 · ac8bee6 · ac8bee6
1 parent cc7236e
commit ac8bee6
Show file tree

Hide file tree

Showing 11 changed files with 37 additions and 2,035 deletions.
diff --git a/templates/repo/issue/milestones.tmpl b/templates/repo/issue/milestones.tmpl
@@ -61,10 +61,13 @@
 		<div class="milestone list">
 			{{range .Milestones}}
 				<li class="item">
-					{{svg "octicon-milestone" 16 "mr-2"}} <a href="{{$.RepoLink}}/milestone/{{.ID}}">{{.Name}}</a>
-					<div class="ui right green progress" data-percent="{{.Completeness}}">
-						<div class="bar" {{if not .Completeness}}style="background-color: transparent"{{end}}>
-							<div class="progress"></div>
+					<div class="df ac sb">
+						<h2 class="df ac m-0 fw">
+							{{svg "octicon-milestone" 16 "mr-3"}}<a class="muted" href="{{$.RepoLink}}/milestone/{{.ID}}">{{.Name}}</a>
+						</h2>
+						<div class="df ac">
+							<span class="mr-3">{{.Completeness}}%</span>
+							<progress value="{{.Completeness}}" max="100"></progress>
 						</div>
 					</div>
 					<div class="meta">

diff --git a/templates/shared/issuelist.tmpl b/templates/shared/issuelist.tmpl
@@ -73,7 +73,8 @@
 					{{if gt $tasks 0}}
 						{{$tasksDone := .GetTasksDone}}
 						<span class="checklist">
-							{{svg "octicon-checklist" 14 "mr-2"}}{{$tasksDone}} / {{$tasks}} <span class="progress-bar"><span class="progress" style="width:calc(100% * {{$tasksDone}} / {{$tasks}});"></span></span>
+							{{svg "octicon-checklist" 14 "mr-2"}}{{$tasksDone}} / {{$tasks}}
+							<progress value="{{$tasksDone}}" max="{{$tasks}}"></progress>
 						</span>
 					{{end}}
 					{{if ne .DeadlineUnix 0}}

diff --git a/templates/user/dashboard/milestones.tmpl b/templates/user/dashboard/milestones.tmpl
@@ -80,11 +80,14 @@
 				<div class="milestone list">
 					{{range .Milestones}}
 						<li class="item">
-							<div class="ui label">{{.Repo.FullName}}</div>
-							{{svg "octicon-milestone"}} <a href="{{.Repo.Link }}/milestone/{{.ID}}">{{.Name}}</a>
-							<div class="ui right green progress" data-percent="{{.Completeness}}">
-								<div class="bar" {{if not .Completeness}}style="background-color: transparent"{{end}}>
-									<div class="progress"></div>
+							<div class="df ac sb">
+								<h2 class="df ac m-0 fw">
+									<span class="ui large label">{{.Repo.FullName}}</span>
+									{{svg "octicon-milestone" 16 "mr-3"}}<a class="muted" href="{{.Repo.Link}}/milestone/{{.ID}}">{{.Name}}</a>
+								</h2>
+								<div class="df ac">
+									<span class="mr-3">{{.Completeness}}%</span>
+									<progress value="{{.Completeness}}" max="100"></progress>
 								</div>
 							</div>
 							<div class="meta">