appscms-tools-theme 2.3.3 → 2.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: b6b73c07a046a98c1659d1368ed5afd53722d3743705bf1f743c4f72a0d93bd7
4
- data.tar.gz: 9966a88a489704bb65c911068bba73b255c0d3dfff8d172d8a2761de9de6a84a
3
+ metadata.gz: 5ecb867adeaa05067498510154b630188c9017bf0436a04612c4eb907a385cf5
4
+ data.tar.gz: 3f4fd217078d6772c01e1ef95293acc1123dd0feb0d70bf18e8f50a466b99004
5
5
  SHA512:
6
- metadata.gz: b94f345ef625677d8892995cc70deeb74b55f85dee8731ed4ad25ca6db46e801871c9e191153c818891fb92b48ced48bc8bcb3fc992124b27b801523e6a1b65b
7
- data.tar.gz: e6352201d055dd41d286a49227d22f6d7385ccabc8df7e9bc12ed0b76c403c2038701dec9d36f258d268e4964cc5f232e028fccf41b9cc481e87e17627a3c033
6
+ metadata.gz: 0b21039b2500cfe118ec60de59916bedddfaf7e9af8db9ac5bb4c7503531fc5e8c7902f187aaab68ddb300175c9ef5163dc5b85f36b68eb6717f8a622457f7ff
7
+ data.tar.gz: cd3974eed57114bc73e2077c4b57f5d26b253b5b45d85b8d0e8c36ff52be1771929778c9951901170533cff1eae58a0408f5f1f230e369818314ff47975500f8
@@ -4,212 +4,86 @@
4
4
  {% assign folder = page.folderName %}
5
5
  {% assign Data= site.data[folder][lang][file] %}
6
6
 
7
- {%- if page.layout == 'home-1' or page.layout == "feature-1" -%}
8
- <header class="home1-nav-header">
9
- <nav class="header-navbar navbar navbar-expand-lg">
10
- <div class="container px-0">
11
- {% if dataToShow.navbarBrandText != "" %}
12
- <a class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
13
- {% else %}
14
- <a href="/">
15
- <img class="header-logo-height" src="{{ dataToShow.navbarBrandLogo }}" alt="{{ dataToShow.navbarBrandLogo }}"
16
- {%- if site.crossorigin -%} crossorigin {%- endif -%}>
17
- </a>
18
- {% endif %}
19
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
20
- aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
21
- <div class="header_bars"></div>
22
- <div class="header_bars"></div>
23
- <div class="header_bars"></div>
24
- </button>
25
7
 
26
- <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
27
- {%- if Data.megaMenu -%}
28
- <li class="nav-item header_nav__item">
29
- <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
30
- aria-haspopup="true" aria-expanded="false">
31
- {{Data.megaMenu.nav-link-name}}
32
- </a>
33
- <ul class="dropmenu dropdown-menu" style="border-bottom: 0; box-shadow: 0 8px 5px -6px rgb(0 0 0 / 9%);"
34
- aria-labelledby="navbarDropdown">
35
- <div class="inner-dropdown">
36
- {%- for item in Data.megaMenu.dropdown -%}
37
- <div class="catPad mb-4">
38
- <li class="tools_list_categoryName">{{item.categoryName}}</li>
39
- <div> {%- for item in item.links -%}
40
- <li>
41
- <a class="tools_list_featureName" href="{{item.url}}">
42
- {%- if item.iconSrc -%}
43
- <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}"
44
- {%- if site.crossorigin -%} crossorigin {%- endif -%}>
45
- {%- endif -%}
46
- {{item.name}}
47
- </a>
48
- </li>
49
- {%- endfor -%}
50
- </div>
51
- </div>
52
- {%- endfor -%}
53
- </div>
54
- </ul>
55
- </li>
56
- {%- else -%}
57
- {%- if dataToShow.megaMenu -%}
58
- <li class="nav-item header_nav__item">
59
- <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
60
- aria-haspopup="true" aria-expanded="false">
61
- {{dataToShow.megaMenu.nav-link-name}}
62
- </a>
63
- <ul class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
64
- <div class="inner-dropdown">
65
- {%- for item in dataToShow.megaMenu.dropdown -%}
66
- <div class="catPad mb-4">
67
- <li class="tools_list_categoryName">{{item.categoryName}}</li>
68
- <div> {%- for item in item.links -%}
69
- <li>
70
- <a class="tools_list_featureName" href="{{item.url}}">
71
- {%- if item.iconSrc -%}
72
- <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}"
73
- {%- if site.crossorigin -%} crossorigin {%- endif -%}>
74
- {%- endif -%}
75
- {{item.name}}</a>
76
- </li>
77
- {%- endfor -%}
78
- </div>
79
- </div>
80
- {%- endfor -%}
81
- </div>
82
- </ul>
83
- </li>
84
- {%- endif -%}
85
- {%- endif -%}
86
-
87
-
88
- <ul class="navbar-nav">
89
- {% for item in dataToShow.navItems %}
90
- <li class="nav-item header_nav__item">
91
- <a href="{{item.url}}">{{item.name}}</a>
92
- </li>
93
- {% endfor %}
94
- </ul>
95
- </div>
96
- </div>
97
- </nav>
98
- </header>
99
-
100
-
101
-
102
-
103
-
104
-
105
-
106
-
107
-
108
-
109
-
110
-
111
-
112
-
113
-
114
-
115
-
116
-
117
-
118
-
119
-
120
-
121
-
122
-
123
- {%- else -%}
124
- <header class="nav-header">
8
+ <header id="header">
125
9
  <nav class="navbar navbar-expand-lg py-3 px-sm-2">
126
- <div class="container px-0">
127
- {% if dataToShow.navbarBrandText != "" %}
128
- <a class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
129
- {% else %}
130
- <a href="/">
131
- <img class="logo-height" src="{{ dataToShow.navbarBrandLogo }}" alt="{{ dataToShow.navbarBrandLogo }}" {%- if
132
- site.crossorigin -%} crossorigin {%- endif -%}>
133
- </a>
134
- {% endif %}
135
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
136
- aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
137
- <i class="fa fa-bars fa_bars" aria-hidden="true"></i>
138
- </button>
139
-
140
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
141
-
142
- {%- if Data.megaMenu -%}
143
- <li class="nav-item nav__item">
144
- <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
145
- aria-haspopup="true" aria-expanded="false">
146
- {{Data.megaMenu.nav-link-name}}
147
- </a>
148
- <ul class="dropmenu dropdown-menu" style="border-bottom: 0; box-shadow: 0 8px 5px -6px rgb(0 0 0 / 9%);"
149
- aria-labelledby="navbarDropdown">
150
- <div class="inner-dropdown">
151
- {%- for item in Data.megaMenu.dropdown -%}
152
- <div class="catPad mb-4">
153
- <li class="text-muted">{{item.categoryName}}</li>
154
- <div> {%- for item in item.links -%}
155
- <li>
156
- <a href="{{item.url}}">
157
- {%- if item.iconSrc -%}
158
- <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}"
159
- {%- if site.crossorigin -%} crossorigin {%- endif -%}>
160
- {%- endif -%}
161
- {{item.name}}
162
- </a>
163
- </li>
164
- {%- endfor -%}
165
- </div>
166
- </div>
10
+ {% if dataToShow.navbarBrandText != "" %}
11
+ <a class="navbar-brand" href="/" title="{{dataToShow.navbarBrandText}}">{{dataToShow.navbarBrandText}}</a>
12
+ {% else %}
13
+ <a href="/">
14
+ <img class="logo-height" src="{{ dataToShow.navbarBrandLogo }}" alt="{{ dataToShow.navbarBrandLogo }}" {%- if
15
+ site.crossorigin -%} crossorigin {%- endif -%}>
16
+ </a>
17
+ {% endif %}
18
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
19
+ aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
20
+ <i class="fa fa-bars fa_bars" aria-hidden="true"></i>
21
+ </button>
22
+
23
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
24
+ {%- if Data.megaMenu -%}
25
+ <div class="nav-item nav__item">
26
+ <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
27
+ aria-haspopup="true" aria-expanded="false">
28
+ {{Data.megaMenu.nav-link-name}}
29
+ </a>
30
+ <div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
31
+ <div class="inner-dropdown">
32
+ {%- for item in Data.megaMenu.dropdown -%}
33
+ <div class="catPad mb-4">
34
+ <li class="text-muted">{{item.categoryName}}</li>
35
+ {%- for item in item.links -%}
36
+ <li>
37
+ <a href="{{item.url}}">
38
+ {%- if item.iconSrc -%}
39
+ <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
40
+ if site.crossorigin -%} crossorigin {%- endif -%}>
41
+ {%- endif -%}
42
+ {{item.name}}
43
+ </a>
44
+ </li>
167
45
  {%- endfor -%}
168
46
  </div>
169
- </ul>
170
- </li>
47
+ {%- endfor -%}
48
+ </div>
49
+ </d>
50
+ </div>
171
51
  {%- else -%}
172
52
  {%- if dataToShow.megaMenu -%}
173
- <li class="nav-item nav__item">
53
+ <div class="nav-item nav__item">
174
54
  <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
175
55
  aria-haspopup="true" aria-expanded="false">
176
56
  {{dataToShow.megaMenu.nav-link-name}}
177
57
  </a>
178
- <ul class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
58
+ <div class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
179
59
  <div class="inner-dropdown">
180
60
  {%- for item in dataToShow.megaMenu.dropdown -%}
181
61
  <div class="catPad mb-4">
182
62
  <li class="text-muted">{{item.categoryName}}</li>
183
- <div> {%- for item in item.links -%}
184
- <li>
185
- <a href="{{item.url}}">
186
- {%- if item.iconSrc -%}
187
- <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}"
188
- {%- if site.crossorigin -%} crossorigin {%- endif -%}>
189
- {%- endif -%}
190
- {{item.name}}</a>
191
- </li>
192
- {%- endfor -%}
193
- </div>
63
+ {%- for item in item.links -%}
64
+ <li>
65
+ <a href="{{item.url}}">
66
+ {%- if item.iconSrc -%}
67
+ <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}" {%-
68
+ if site.crossorigin -%} crossorigin {%- endif -%}>
69
+ {%- endif -%}
70
+ {{item.name}}</a>
71
+ </li>
72
+ {%- endfor -%}
194
73
  </div>
195
74
  {%- endfor -%}
196
75
  </div>
197
- </ul>
198
- </li>
76
+ </div>
77
+ </div>
199
78
  {%- endif -%}
200
79
  {%- endif -%}
201
-
202
-
203
- <ul class="navbar-nav">
80
+ <div class="navbar-nav">
204
81
  {% for item in dataToShow.navItems %}
205
82
  <li class="nav-item nav__item mr-auto">
206
83
  <a href="{{item.url}}">{{item.name}}</a>
207
84
  </li>
208
85
  {% endfor %}
209
- </ul>
210
- </div>
211
- </div>
86
+ </d>
87
+ </div>
212
88
  </nav>
213
-
214
- </header>
215
- {%- endif -%}
89
+ </header>
@@ -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;">
@@ -55,51 +55,62 @@ layout: feature
55
55
  </div>
56
56
  </div>
57
57
 
58
- <div class="workspace">
58
+ <div class="workspace" style="display: none;">
59
59
  <div class="row">
60
60
  <div class="col-12">
61
61
  <div class="download-wrapper mt-3">
62
- <div class="d-flex align-items-center justify-content-center">
63
- <div class="select-format-title">image's format</div>
64
- <div class="download-format">
65
- <select name="image-format" id="image-format">
66
- <option value="png">png</option>
67
- <option value="jpg">jpg</option>
68
- <option value="jpeg">jpeg</option>
69
- <option value="webp">webp</option>
70
- <option value="gif">gif</option>
71
- </select>
62
+
63
+ <div class="row rowclass">
64
+ <div class="col-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-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
- <div>
75
- <button id="download-button" style="background-color: {{pageData.color}};"><svg
76
- xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
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-8 mx-auto">
97
+ <div class="col-md-7 mx-auto mb-2">
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="pixel-box-panel">
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-4">
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>
@@ -109,9 +120,4 @@ layout: feature
109
120
  {%- endif -%}
110
121
  </div>
111
122
 
112
- </div>
113
- {%- assign fileType = "image/*" -%}
114
- {%- if page.fileType -%}
115
- {%- assign fileType = page.fileType -%}
116
- {%- endif -%}
117
- <input class="d-none" onchange="fileOnChange()" type="file" id="file" accept="{{fileType}}" />
123
+ </div>
@@ -634,3 +634,115 @@ input[type='range']::-moz-focus-outer {
634
634
  #palettes {
635
635
  display: none;
636
636
  }
637
+ .active-btn {
638
+ background-color: #6666ff;
639
+ color: #fff;
640
+ }
641
+ .radio-label {
642
+ display: flex;
643
+ position: relative;
644
+ cursor: pointer;
645
+ align-items: center;
646
+ margin-right: 15px;
647
+ -webkit-user-select: none;
648
+ -moz-user-select: none;
649
+ -ms-user-select: none;
650
+ user-select: none;
651
+ font-size: 13px;
652
+ margin-bottom: 20px;
653
+ text-transform: capitalize;
654
+ }
655
+
656
+ .radio-label input[type='radio'] {
657
+ position: absolute;
658
+ opacity: 0;
659
+ cursor: pointer;
660
+ height: 0;
661
+ width: 0;
662
+ }
663
+ .radio-label {
664
+ position: relative;
665
+ }
666
+
667
+ .checkmark {
668
+ position: absolute;
669
+ top: 0;
670
+ left: 0;
671
+ height: 30px;
672
+ width: 30px;
673
+ background-color: #eee;
674
+ border-radius: 50%;
675
+ margin-top: 3px;
676
+ }
677
+
678
+ .radio-label:hover input ~ .checkmark {
679
+ background-color: #ccc;
680
+ }
681
+ .radio-label input:checked ~ .checkmark {
682
+ background-color: #6666ff;
683
+ }
684
+ .checkmark:after {
685
+ content: '';
686
+ position: absolute;
687
+ display: none;
688
+ }
689
+ .radio-label input:checked ~ .checkmark:after {
690
+ display: block;
691
+ }
692
+ .radio-label .checkmark:after {
693
+ top: 8px;
694
+ left: 8px;
695
+ width: 14px;
696
+ height: 14px;
697
+ border-radius: 50%;
698
+ background: #fff;
699
+ }
700
+ .label-span {
701
+ margin-left: 37px;
702
+ font-size: 16px;
703
+ margin-top: 4px;
704
+ color: #666666;
705
+ }
706
+ .custom-control-input:checked ~ .custom-control-label::before {
707
+ background: #6666ff;
708
+ }
709
+ .custom-switch .custom-control-label::before {
710
+ left: -2.25rem;
711
+ width: 2.3rem;
712
+ height: 22px;
713
+ pointer-events: all;
714
+ border-radius: 21px;
715
+ }
716
+ .custom-switch {
717
+ display: flex;
718
+ }
719
+ .download-wrapper .rowclass {
720
+ width: -webkit-fill-available;
721
+ }
722
+ .custom-switch .custom-control-label::after {
723
+ top: calc(0.25rem + 5px);
724
+ left: -16px;
725
+ }
726
+ .custom-switch .custom-control-label::after {
727
+ left: -30px;
728
+ }
729
+ .custom-switch .custom-control-label::after {
730
+ width: calc(1.2rem - 4px);
731
+ height: calc(1.2rem - 4px);
732
+ }
733
+ .custom-switch .custom-control-label::after {
734
+ top: calc(0.25rem + 3px);
735
+ }
736
+ .custom-control-label {
737
+ padding-left: 6px;
738
+ color: #666666;
739
+ }
740
+
741
+ #canvas-box-panel canvas,
742
+ .canvas-box-panel img {
743
+ max-width: 100%;
744
+ }
745
+ .select-img-panel {
746
+ border: 1px solid #ccc;
747
+ padding: 30px;
748
+ }
data/assets/css/tools.css CHANGED
@@ -1262,3 +1262,20 @@ ol li::marker {
1262
1262
  .row .col-md-9 p {
1263
1263
  text-align: left;
1264
1264
  }
1265
+
1266
+ #header {
1267
+ display: block !important;
1268
+ position: sticky;
1269
+ top: 0;
1270
+ z-index: 10;
1271
+ background: #fff;
1272
+ border-bottom: 1px solid #ccc;
1273
+ }
1274
+
1275
+ .navbar {
1276
+ padding: 1rem 9% !important;
1277
+ }
1278
+
1279
+ .catPad li {
1280
+ margin: 0 0 20px !important;
1281
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: appscms-tools-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.3.3
4
+ version: 2.3.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - vivek-appscms
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-09-07 00:00:00.000000000 Z
11
+ date: 2022-09-09 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll