@innovastudio/contentbox 1.4.7 → 1.4.8
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.
package/package.json
CHANGED
|
@@ -1364,30 +1364,14 @@ class SideBar {
|
|
|
1364
1364
|
}
|
|
1365
1365
|
}
|
|
1366
1366
|
.path {
|
|
1367
|
+
stroke: #d9d9d9;
|
|
1367
1368
|
stroke-dasharray: 187;
|
|
1368
1369
|
stroke-dashoffset: 0;
|
|
1369
1370
|
transform-origin: center;
|
|
1370
|
-
-webkit-animation: dash 1.4s ease-in-out infinite
|
|
1371
|
-
animation: dash 1.4s ease-in-out infinite
|
|
1371
|
+
-webkit-animation: dash 1.4s ease-in-out infinite;
|
|
1372
|
+
animation: dash 1.4s ease-in-out infinite;
|
|
1372
1373
|
}
|
|
1373
1374
|
|
|
1374
|
-
@-webkit-keyframes colors {
|
|
1375
|
-
0% {
|
|
1376
|
-
stroke: #e0e0e0;
|
|
1377
|
-
}
|
|
1378
|
-
100% {
|
|
1379
|
-
stroke: #e0e0e0;
|
|
1380
|
-
}
|
|
1381
|
-
}
|
|
1382
|
-
|
|
1383
|
-
@keyframes colors {
|
|
1384
|
-
0% {
|
|
1385
|
-
stroke: #e0e0e0;
|
|
1386
|
-
}
|
|
1387
|
-
100% {
|
|
1388
|
-
stroke: #e0e0e0;
|
|
1389
|
-
}
|
|
1390
|
-
}
|
|
1391
1375
|
@-webkit-keyframes dash {
|
|
1392
1376
|
0% {
|
|
1393
1377
|
stroke-dashoffset: 187;
|
|
@@ -1788,11 +1772,11 @@ class SideBar {
|
|
|
1788
1772
|
let catNum = 0;
|
|
1789
1773
|
template_list.forEach(gallery=>{
|
|
1790
1774
|
let categories = gallery.categories;
|
|
1791
|
-
let html = '<h2>'
|
|
1775
|
+
let html = '<h2>'+parent._cb.out(gallery.name)+'</h2><div class="cat' +catNum+ '"></div>';
|
|
1792
1776
|
menuContent.insertAdjacentHTML('beforeend', html);
|
|
1793
1777
|
const catList = menuContent.querySelector('.cat'+catNum);
|
|
1794
1778
|
categories.forEach(categoryItem=>{
|
|
1795
|
-
let html= '<button data-cat="'+categoryItem.id+'">'+categoryItem.name+'</button>';
|
|
1779
|
+
let html= '<button data-cat="'+categoryItem.id+'">'+parent._cb.out(categoryItem.name)+'</button>';
|
|
1796
1780
|
catList.insertAdjacentHTML('beforeend', html);
|
|
1797
1781
|
const btn = catList.querySelector('[data-cat="'+categoryItem.id+'"]');
|
|
1798
1782
|
btn.addEventListener('click', (e)=>{
|
|
@@ -1833,7 +1817,8 @@ class SideBar {
|
|
|
1833
1817
|
const btn = document.querySelector('[data-cat="0"]');
|
|
1834
1818
|
btn.classList.add('on');
|
|
1835
1819
|
|
|
1836
|
-
document.addEventListener('click', handleClick);
|
|
1820
|
+
document.addEventListener('click', handleClick);
|
|
1821
|
+
parent.document.addEventListener('click', handleClick);
|
|
1837
1822
|
}
|
|
1838
1823
|
|
|
1839
1824
|
const closeMegaMenu = () => {
|
|
@@ -1846,7 +1831,8 @@ class SideBar {
|
|
|
1846
1831
|
const btn = document.querySelector('[data-cat="0"]');
|
|
1847
1832
|
btn.classList.remove('on');
|
|
1848
1833
|
|
|
1849
|
-
document.removeEventListener('
|
|
1834
|
+
document.removeEventListener('click', handleClick);
|
|
1835
|
+
parent.document.removeEventListener('click', handleClick);
|
|
1850
1836
|
}
|
|
1851
1837
|
|
|
1852
1838
|
const renderResize = () => {
|
|
@@ -1886,9 +1872,9 @@ class SideBar {
|
|
|
1886
1872
|
let html = '';
|
|
1887
1873
|
const div = document.querySelector('.featured-categories');
|
|
1888
1874
|
featuredCategories.forEach(item=>{
|
|
1889
|
-
html += '<button data-cat="'+item.id+'">'+item.name+'</button>';
|
|
1875
|
+
html += '<button data-cat="'+item.id+'">'+parent._cb.out(item.name)+'</button>';
|
|
1890
1876
|
});
|
|
1891
|
-
html += '<button data-cat="0">All Categories</button>';
|
|
1877
|
+
html += '<button data-cat="0">'+parent._cb.out('All Categories')+'</button>';
|
|
1892
1878
|
div.insertAdjacentHTML('beforeend', html);
|
|
1893
1879
|
|
|
1894
1880
|
const menu = document.querySelector('.mega-menu');
|
|
@@ -1995,6 +1981,17 @@ class SideBar {
|
|
|
1995
1981
|
'background: ' + parent._cb.styleSnippetTabsBackground + ';' +
|
|
1996
1982
|
'}' +
|
|
1997
1983
|
|
|
1984
|
+
'.is-waiting {' +
|
|
1985
|
+
'background: ' + parent._cb.styleSnippetBackground + ';' +
|
|
1986
|
+
'}' +
|
|
1987
|
+
'.is-waiting2 {' +
|
|
1988
|
+
'background-color: ' + parent._cb.styleSnippetTabsBackground + ';' +
|
|
1989
|
+
'}' +
|
|
1990
|
+
|
|
1991
|
+
'.dark .path {' +
|
|
1992
|
+
'stroke: #b3b3b3;' +
|
|
1993
|
+
'}' +
|
|
1994
|
+
|
|
1998
1995
|
'/* Scrollbar for modal */' +
|
|
1999
1996
|
|
|
2000
1997
|
'/* Darker color, because background for snippet thumbnails is always light. */' +
|