diff options
| author | Jason Tipton <jason@blueyetisoftware.com> | 2020-07-03 06:57:27 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-07-03 06:57:27 +0300 |
| commit | 2936164cc16e4cd05b13795dec7193dade089761 (patch) | |
| tree | 3071bf682c2f4c56c839a79586114fd09c65d6a3 /layouts | |
| parent | 865877321268e0a2484a87b75bcb2507a3932278 (diff) | |
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>
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/partials/progress/soft-skills.html | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/layouts/partials/progress/soft-skills.html b/layouts/partials/progress/soft-skills.html index 4c32067..cbdc0ae 100644 --- a/layouts/partials/progress/soft-skills.html +++ b/layouts/partials/progress/soft-skills.html @@ -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> |