fix: minor update

Author: CodeHole7

lib/canvasSettings.js

@@ -66,7 +66,7 @@
                   <option value="radial">Radial</option>
                 </select>
               </div>
-              <div class="input-container">
+              <div id="angle-input-container" class="input-container">
                 <label>Angle</label>
                 <div class="custom-number-input">
                   <button class="decrease">-</button>
@@ -80,6 +80,16 @@
       </div>
     `)
 
+    $(`${this.containerSelector} .toolpanel#background-panel .content .gradient-orientation-container #select-orientation`).change(function () {
+      let type = $(this).val();
+      console.log('orientation', type)
+      if (type === 'radial') {
+        $(this).closest('.gradient-orientation-container').find('#angle-input-container').hide();
+      } else {
+        $(this).closest('.gradient-orientation-container').find('#angle-input-container').show();
+      }
+    })
+
     $(`${this.containerSelector} .toolpanel#background-panel .content .tab-label`).click(function () {
       $(`${_self.containerSelector} .toolpanel#background-panel .content .tab-label`).removeClass('active');
       $(this).addClass('active');

lib/selectionSettings.js

@@ -302,7 +302,7 @@
                   <option value="radial">Radial</option>
                 </select>
               </div>
-              <div class="input-container">
+              <div id="angle-input-container" class="input-container">
                 <label>Angle</label>
                 <div class="custom-number-input">
                   <button class="decrease">-</button>
@@ -316,6 +316,16 @@
         </div>
       `);
 
+      $(`${this.containerSelector} .toolpanel#select-panel .content .gradient-orientation-container #select-orientation`).change(function () {
+        let type = $(this).val();
+        console.log('orientation', type)
+        if (type === 'radial') {
+          $(this).closest('.gradient-orientation-container').find('#angle-input-container').hide();
+        } else {
+          $(this).closest('.gradient-orientation-container').find('#angle-input-container').show();
+        }
+      })
+
       $(`${this.containerSelector} .toolpanel#select-panel .content .tab-label`).click(function () {
         $(`${_self.containerSelector} .toolpanel#select-panel .content .tab-label`).removeClass('active');
         $(this).addClass('active');