appscms-tools-theme 2.7.4 → 2.7.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3327ee5ebfeac7c1c0972059e07d3db62317cb867c2518a532a923e82e4dc782
-  data.tar.gz: 404c130d6cde1e208add10b14eeec7cbeea329ecc79e48623c9d7deac1840829
+  metadata.gz: eb95718f95ecc666cb3546a4abac4a3bfacb6cf569e26528dca7d488eca5adf3
+  data.tar.gz: f92bb7ab851c341e7149cef3fa667a1198f0a9953c53740a5dcac3ca42c68f12
 SHA512:
-  metadata.gz: 5a39f17c55d15489e7914812a64944d4518aefc13ca3e8e56ee107ca0d76bc592511136b60ec4907fabbb1c464248ec9e09ff4b19fd24a5a7257f220bd9ffcd2
-  data.tar.gz: b609bdc379116293ba2ba0aead22aaf2a86826624b47939df1066eae1db18b7156618a4c1f353196de6fbbcaada0edb3f55a773964f7d0902138fc2134dd7858
+  metadata.gz: 5c89896f64394da4e872237a0c55c3616fc1c947a140aefe8e90afcf68d2e6dd54a448bc8ffe616deaa00a6f8335e86ef81acfbd5dbe35af2140955d6475b47c
+  data.tar.gz: 3cddf04d181e9181dcedd57ea473f14ae991f671a234d18591c315fdbf959b8f57047ddda3605f257c83361cdb9a4d1b953e0f3eb3e442db951a2dc24ddbb53d

data/_layouts/feature-1.html

@@ -62,7 +62,7 @@
                     <div class="m-auto">
                         <div class="d-flex justify-content-center align-items-center">
                             <div id="Inputbox" class="boxes" style="background-color: {{boxColor}};">
-                                <img height="21px" width="21px" src="/assets/images/add.svg" />
+                                <img height="21px" width="21px" src="/assets/images/add.svg" alt="add " />
                                 <span class="ml-3">CHOOSE FILE</span>
                             </div>
                             <div class="file-pick-dropdown" style="background-color:{{boxColor}}">

data/assets/css/frame.css

@@ -755,12 +755,10 @@ input {
   text-align: center;
   color: #777;
 }
-
 .categories-list li {
   font-size: 1em;
   border-bottom: 1px solid #f2f2f2;
 }
-
 .categories-list .category-link {
   display: block;
   padding: 7px 9px;
@@ -772,11 +770,12 @@ input {
   -moz-border-radius: 1px;
   border-radius: 1px;
 }
-
 .categories-list .category-link:hover {
   background-color: #f4f4f4;
 }
-
 .categories-list .active-cat {
   background-color: #f4f4f4;
+}
+.crop-image-modal-container {
+  overflow-y: auto;
 }

data/assets/js/frame.js

@@ -1,5 +1,9 @@
+---
+---
+
 const getScript = document.currentScript
 const pageTool = getScript.dataset.tool
+const downloadName = "{{site.downloadName}}"
 const lang = getScript.dataset.lang
 const inputBox = document.querySelector('#Inputbox')
 const fileDropBox = document.querySelector('.custom-box')
@@ -20,13 +24,12 @@ let image = null
 const showLoader = () => {
   showLoading()
 }
-const closeLoader = () => {}
+const closeLoader = () => { }
 const clickInput = (e) => {
   console.log(`#file-${e.dataset.index}`)
   document.querySelector(`#file-${e.dataset.index}`).click()
 }
 let featureData = null
-
 fetch('/assets/js/photo-effects.json')
   .then((response) => response.json())
   .then((data) => {
@@ -48,6 +51,7 @@ const fileOnChange = (e) => {
 }
 const closeModal = () => {
   cropModal.style.display = 'none'
+  document.body.style.overflow = "auto"
 }
 const closeExamplesModal = () => {
   exampleModal.style.display = 'none'
@@ -92,17 +96,14 @@ const drawInputImage = (ctx, item, indexValue) => {
           [item.perspective.bottomLeft.x, item.perspective.bottomLeft.y],
         ])
       }
-
       if (item.skew) {
         ctx.setTransform(1, item.skew.x, item.skew.y, 1, 0, 0)
       }
-
       ctx.restore()
       resolve()
     }
   })
 }
-
 const drawImage = () => {
   workspace.style.display = 'block'
   document.querySelector('#upper-panel').style.display = 'none'
@@ -150,7 +151,6 @@ const drawImage = () => {
             if (item.shadowColor) {
               ctx.shadowColor = `${item.shadowColor}`
             }
-
             if (item.shadowOffsetX) {
               ctx.shadowOffsetX = 3
             }
@@ -179,6 +179,7 @@ const drawImage = () => {
   }
 }
 const cropImage = (result, id) => {
+  document.body.style.overflow = "hidden"
   let image = new Image()
   image.onload = () => {
     let img = document.createElement('img')
@@ -219,6 +220,7 @@ document.querySelector('#crop').addEventListener('click', () => {
   document.querySelector(`#image-pre-${index}`).style.display = 'block'
   document.querySelector(`#cam-${index}`).style.display = 'none'
   cropModal.style.display = 'none'
+  document.body.style.overflow = "auto"
 })
 const openExamplesModal = () => {
   exampleModal.style.display = 'flex'
@@ -251,7 +253,7 @@ download.addEventListener('click', () => {
   let url = canvas.toDataURL(`image/png`)
   let a = document.createElement('a')
   a.href = url
-  a.download = `safeimagekit-photo-effect-image.png`
+  a.download = `${downloadName}-image.png`
   document.body.appendChild(a)
   a.click()
   if (lang === 'en') {
@@ -259,4 +261,4 @@ download.addEventListener('click', () => {
   } else {
     window.location.href = `/${lang}/download?tool=${pageTool}`
   }
-})
+})

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 2.7.4
+  version: 2.7.6
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-11-10 00:00:00.000000000 Z
+date: 2022-11-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll