removed large knob path

Author: nodeful

ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eqmac",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "scripts": {
     "start": "ng serve --port 8080",
     "build": "rm -rf dist/ && ng build --prod && cd dist/ && zip -r -D ui.zip * -x '*.DS_Store' && cp ui.zip ../../native/app/Embedded",

ui/src/app/modules/eqmac-components/components/knob/knob.component.html

@@ -26,7 +26,7 @@
     <div class="slot"></div>
     <div class="body"></div>
     <div class="cap">
-      <svg width="58px" height="58px">
+      <!-- <svg width="58px" height="58px">
         <defs>
           <clipPath [id]="'large-knob-cap-clip-path-' + id" clipPathUnits="objectBoundingBox" width="58px" height="58px"
             [ngStyle]="largeCapClipPathStyle">
@@ -37,8 +37,8 @@
               C0.42,0.01,0.46,0,0.5,0c0.04,0,0.09,0.01,0.12,0.02C0.67,0.07,0.73,0.1,0.8,0.1C0.86,0.14,0.91,0.21,0.95,0.28z" />
           </clipPath>
         </defs>
-      </svg>
-      <!-- <div class="cap-body" [ngStyle]="largeCapBodyStyle"></div> -->
+      </svg> -->
+      <div class="cap-body" [ngStyle]="largeCapBodyStyle"></div>
       <div class="indicator" [ngStyle]="largeCapIndicatorStyle">
         <svg class="inner-line" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
           y="0px" width="40px" height="40px" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;"

ui/src/app/modules/eqmac-components/components/knob/knob.component.scss

@@ -74,6 +74,7 @@
       .cap-body {
         @include center();
         @include size(58px);
+        @include circle();
         // @include shadow(2px, 0px);
 
         background-image: linear-gradient(to bottom, #51555A, #3C4045);

ui/src/app/modules/eqmac-components/components/knob/knob.component.ts

@@ -197,8 +197,8 @@ export class KnobComponent implements OnInit {
 
   get largeCapBodyStyle () {
     return {
-      'clip-path': `url(#large-knob-cap-clip-path-${this.id})`,
-      '-webkit-clip-path': `url(#large-knob-cap-clip-path-${this.id})`
+      // 'clip-path': `url(#large-knob-cap-clip-path-${this.id})`,
+      // '-webkit-clip-path': `url(#large-knob-cap-clip-path-${this.id})`
     }
   }