appscms-tools-theme 2.2.7 → 2.2.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b53479fb3c05e44f563004959f86f7191b965dc7760f388b08b6d053830cc5c1
-  data.tar.gz: 2169984f603e860fbbd8171c34e1e0ea64684e3ba3064416a9cf41873a3aec6b
+  metadata.gz: 3e4be658111009450112257e2ea1e76a2e322292b16d675922e03620e3af6137
+  data.tar.gz: '092b8e9e9c34a9dc84ae4ee83940be478f2ecd652ab23011e34004d3dea3e490'
 SHA512:
-  metadata.gz: 0e896783ef377f8258758dfc48afdc06165ff2df1ab3ff3696a05cd1287b74d83573a9deb754f77ef9ef1115ee67ed604adb5ed1f7302be09a4ccef58e0a6fd5
-  data.tar.gz: cd18f54d54cf772f3121408c8a6310031d73ab697a1ae702be9ac47278ea7569239adf5bac67dbe5a1ddac6280120ca089abf86a4d5196210c6af3c88c330167
+  metadata.gz: 3e3186c9f5ee05df8b2342fc569f84581724a7bbdeba9236284504e4ed0ba16e95a6c30edf57bb64474c3fab471bfe977ada83db7d0482dce576f4cc2fe5f584
+  data.tar.gz: 5605b4ef9808198fe1614a8084a6671a833160df7ded24d99dc95d4e06bc1f2be5197bb5b5550cecb6179d4b432262b77c24f15c9ad63d6b3523d2f16538d669

data/_includes/script.html

@@ -26,7 +26,11 @@ replace: "$tool", page.tool }}
 {%- endfor -%}
 {%- endif -%}
 <script src="//cdnjs.cloudflare.com/ajax/libs/webfont/1.6.28/webfontloader.js" crossorigin="anonymous"></script>
-<script>WebFont.load({ google: { families: ['Source Sans Pro:200,300,400,500,600,700,800&display=swap'] } })</script>
+{%- assign font = "Source Sans Pro" -%}
+{%- if page.layout == "frame" -%}
+{%- assign font = "PT Sans" -%}
+{%- endif -%}
+<script>WebFont.load({ google: { families: ['{{font}}:200,300,400,500,600,700,800&display=swap'] } })</script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
    integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />

data/_layouts/frame.html

@@ -3,7 +3,7 @@ layout: feature
 ---
 
 {%- assign fileData = site.data[page.folderName][page.lang][page.fileName] -%}
-<div class="container mt-5">
+<div class="container mt-4">
     <div class="col-md-11 mx-auto">
         <div class="row">
             <div class="col-md-3">

data/assets/css/frame.css

@@ -1,3 +1,6 @@
+body {
+  font-family: 'PT Sans', sans-serif !important;
+}
 #img-svg {
   margin: auto;
   margin-top: 16px;
@@ -462,3 +465,9 @@ input {
   font-size: 0.95em;
   border-radius: 1px;
 }
+.categories-list .card {
+  padding: 7px 9px;
+}
+.categories-list .accordion > .card > .card-header {
+  height: auto;
+}

data/assets/js/frame.js

@@ -117,6 +117,16 @@ const drawImage = () => {
           myFont.load().then(function (font) {
             ctx.save()
             document.fonts.add(font)
+            let textValue = document.querySelector(`#${item.id}`).value
+            if (textValue.length > 10 && item.fontSizeOption1) {
+              item.fontSize = item.fontSizeOption1
+            }
+            if (textValue.length > 20 && item.fontSizeOption2) {
+              item.fontSize = item.fontSizeOption2
+            }
+            if (textValue.length > 30 && item.fontSizeOption3) {
+              item.fontSize = item.fontSizeOption3
+            }
             ctx.font = `${item.fontSize}px ${item.font}`
             if (item.shadowColor) {
               ctx.shadowColor = `${item.shadowColor}`
@@ -136,11 +146,7 @@ const drawImage = () => {
             }
             ctx.textAlign = 'center'
             ctx.fillStyle = `${item.color}`
-            ctx.fillText(
-              document.querySelector(`#${item.id}`).value,
-              item.x,
-              item.y
-            )
+            ctx.fillText(textValue, item.x, item.y)
             ctx.restore()
           })
         }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: appscms-tools-theme
 version: !ruby/object:Gem::Version
-  version: 2.2.7
+  version: 2.2.8
 platform: ruby
 authors:
 - vivek-appscms
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-08-25 00:00:00.000000000 Z
+date: 2022-08-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll