appscms-tools-theme 2.3.4 → 2.3.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_layouts/imagekit.html +34 -23
- data/assets/css/imagekit.css +3 -0
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: f6b7fec602ee60be39ce9c470b42db5dc4d494f6383d58fd3571a2d96064a0e9
|
4
|
+
data.tar.gz: ae99cc7549d9826c4af2a70b12b30600f2e1ce8780ce9c99102d8f0c4c018c0d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: cec0b9b3c55f99b5d8e64c72eaa0bf3dcf5f01b83b4da29e0ff4ed7920a7fa71e3b9ec5cd4765dcb7d921dd8b3d62b478058f3ca453a49e974a3327687325dee
|
7
|
+
data.tar.gz: 8dd336f0aa8944ebb963f06a84197d6c5fbe46b025c5bb6898b1fbe6cb271c4186b2b1485ddb4b9e096a200dcd0616606a6566f0e8ed7fa543adf0276384bf53
|
data/_layouts/imagekit.html
CHANGED
@@ -8,7 +8,7 @@ layout: feature
|
|
8
8
|
{%- assign pageData = site.data[page.folderName][page.lang][page.fileName] -%}
|
9
9
|
<div class="custom-box" style="background-color:{{pageData.color}};">
|
10
10
|
<div class="inner-box">
|
11
|
-
<div style="display:none;" id="file-loader"><img src="/spinner.gif" alt="">
|
11
|
+
<div style="display:none;" id="file-loader"><img class="mb-2" src="/spinner.gif" alt="">
|
12
12
|
<p>Please Wait ,Loading Your file </p>
|
13
13
|
</div>
|
14
14
|
<div class="saving-file-download-wrap" style="display: none;">
|
@@ -59,47 +59,58 @@ layout: feature
|
|
59
59
|
<div class="row">
|
60
60
|
<div class="col-12">
|
61
61
|
<div class="download-wrapper mt-3">
|
62
|
-
|
63
|
-
|
64
|
-
<div class="
|
65
|
-
<
|
66
|
-
<
|
67
|
-
<
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
62
|
+
|
63
|
+
<div class="row rowclass">
|
64
|
+
<div class="col-md-7">
|
65
|
+
<div class="d-flex align-items-center">
|
66
|
+
<div class="select-format-title">image's format</div>
|
67
|
+
<div class="download-format">
|
68
|
+
<select name="image-format" id="image-format">
|
69
|
+
<option value="png">png</option>
|
70
|
+
<option value="jpg">jpg</option>
|
71
|
+
<option value="jpeg">jpeg</option>
|
72
|
+
<option value="webp">webp</option>
|
73
|
+
<option value="gif">gif</option>
|
74
|
+
</select>
|
75
|
+
</div>
|
76
|
+
</div>
|
77
|
+
</div>
|
78
|
+
<div class="col-md-5">
|
79
|
+
<div class="d-flex align-items-center">
|
80
|
+
<button id="download-button" style="background-color: {{pageData.color}};"><svg
|
81
|
+
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
82
|
+
<path
|
83
|
+
d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z" />
|
84
|
+
</svg>Download</button>
|
85
|
+
</div>
|
72
86
|
</div>
|
73
87
|
</div>
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
<path
|
78
|
-
d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z" />
|
79
|
-
</svg>Download</button>
|
80
|
-
</div>
|
88
|
+
|
89
|
+
|
90
|
+
|
81
91
|
</div>
|
82
92
|
|
83
93
|
</div>
|
84
94
|
</div>
|
85
95
|
{%- if page.commonStructure != false -%}
|
86
96
|
<div class="row">
|
87
|
-
<div class="col-md-
|
97
|
+
<div class="col-md-7 mx-auto">
|
88
98
|
<div class="select-img-panel">
|
89
|
-
<div id="saving-data">
|
99
|
+
<div id="saving-data" style="display: none;">
|
90
100
|
<img loading="lazy" src="/assets/images/loader.gif" alt="saving"> <span class="ml-2">Saving your
|
91
101
|
images...</span>
|
92
102
|
</div>
|
93
|
-
<div id="
|
94
|
-
<canvas id="pixelitcanvas"></canvas>
|
103
|
+
<div id="canvas-box-panel">
|
95
104
|
</div>
|
96
105
|
</div>
|
97
106
|
</div>
|
98
|
-
<div class="col-md-
|
107
|
+
<div class="col-md-5">
|
99
108
|
<div class="options-panel">
|
109
|
+
{%- if pageData.optionPanelTitle -%}
|
100
110
|
<div class="title">
|
101
111
|
{{pageData.optionPanelTitle}}
|
102
112
|
</div>
|
113
|
+
{%- endif -%}
|
103
114
|
{{content}}
|
104
115
|
</div>
|
105
116
|
</div>
|
data/assets/css/imagekit.css
CHANGED
@@ -716,6 +716,9 @@ input[type='range']::-moz-focus-outer {
|
|
716
716
|
.custom-switch {
|
717
717
|
display: flex;
|
718
718
|
}
|
719
|
+
.download-wrapper .rowclass {
|
720
|
+
width: -webkit-fill-available;
|
721
|
+
}
|
719
722
|
.custom-switch .custom-control-label::after {
|
720
723
|
top: calc(0.25rem + 5px);
|
721
724
|
left: -16px;
|