appscms-tools-theme 2.3.3 → 2.3.6

Sign up to get free protection for your applications and to get access to all the features.
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