Skip to content

Commit

Permalink
-
Browse files Browse the repository at this point in the history
  • Loading branch information
ZenVoich committed Jan 5, 2024
1 parent 3d05d8e commit ab0b729
Showing 1 changed file with 1 addition and 9 deletions.
10 changes: 1 addition & 9 deletions frontend/components/package/PackageQualityIcon.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@
let maxExtraPoints = 3;
let outerCircleDashOffset = 0;
// let innerCircleDashOffset = 0;
let innerLineY = 0;
$: {
Expand All @@ -29,7 +28,6 @@
}
outerCircleDashOffset = convertRange(maxBasePoints - basePoints, [0, maxBasePoints], [18, 100]);
// innerCircleDashOffset = convertRange(maxExtraPoints - extraPoints, [0, maxExtraPoints], [68, 100]);
innerLineY = convertRange(maxExtraPoints - extraPoints, [0, maxExtraPoints], [13, 27]);
}
</script>
Expand All @@ -38,24 +36,18 @@
<line class="inner-line" x1="20" y1="30" x2="20" y2={innerLineY} stroke="var(--color-primary)" stroke-width="20"></line>
<circle class="outer-circle-bg" cx="20" cy="20" r="13" fill="none" stroke="var(--color-secondary)" stroke-width="12"></circle>
<circle class="outer-circle" class:full={outerCircleDashOffset == 18} cx="20" cy="20" r="13" fill="none" stroke="var(--color-primary)" stroke-width="12" stroke-dasharray="100 100" stroke-dashoffset={outerCircleDashOffset}></circle>
<!-- <circle class="inner-circle" cx="20" cy="20" r="5" fill="none" stroke="var(--color-primary)" stroke-width="10" stroke-dasharray="100 100" stroke-dashoffset={innerCircleDashOffset}></circle> -->
</svg>

<style>
.quality-icon {
width: 13px;
}
/* .outer-circle:not(.full) {
opacity: 0.8;
} */
.outer-circle-bg {
opacity: 0.7;
}
.outer-circle,
.inner-circle {
.outer-circle {
transform: rotate(-90deg);
transform-origin: center;
}
Expand Down

0 comments on commit ab0b729

Please sign in to comment.