Make soft skill's color configurable + add 'sky' and 'orange' colors (#22)
* Add about circle colors for 'sky' and 'orange' * Make color configurable Co-authored-by: hossainemruz <emruz@appscode.com>
This commit is contained in:
parent
8658773212
commit
2936164cc1
3 changed files with 38 additions and 5 deletions
|
@ -1,12 +1,24 @@
|
|||
<div class="col-6 col-lg-4 p-2">
|
||||
<div class="circular-progress {{ .color }}">
|
||||
{{ $predefinedColor:= true}}
|
||||
{{ if hasPrefix .color "#"}}
|
||||
{{ $predefinedColor = false }}
|
||||
{{ end }}
|
||||
<div class="circular-progress {{if $predefinedColor}}{{ .color }}{{end}}">
|
||||
<span class="circular-progress-left">
|
||||
<span
|
||||
class="circular-progress-bar circular-progress-percentage-{{ .percentage }}"
|
||||
{{ if not $predefinedColor }}
|
||||
style="border-color: {{.color}};"
|
||||
{{ end }}
|
||||
></span>
|
||||
</span>
|
||||
<span class="circular-progress-right">
|
||||
<span class="circular-progress-bar"></span>
|
||||
<span
|
||||
class="circular-progress-bar"
|
||||
{{ if not $predefinedColor }}
|
||||
style="border-color: {{.color}};"
|
||||
{{ end }}
|
||||
></span>
|
||||
</span>
|
||||
<div class="circular-progress-value">{{ .name }}</div>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue