diff --git a/src/3p-filters.html b/src/3p-filters.html index 44efb92ad..9c1c7ed47 100644 --- a/src/3p-filters.html +++ b/src/3p-filters.html @@ -22,11 +22,6 @@ -
-

- -

-
@@ -50,6 +45,11 @@  --> +
+

+ +

+
diff --git a/src/css/3p-filters.css b/src/css/3p-filters.css index 65bc06e79..8d2e129b1 100644 --- a/src/css/3p-filters.css +++ b/src/css/3p-filters.css @@ -6,7 +6,7 @@ ul { margin-bottom: 0.5em; } #lists { - margin: 0.5em 0 0 0; + margin: 0.5em 0 4em 0; padding-left: 1em; padding-right: 0em; } @@ -37,7 +37,8 @@ body[dir=rtl] #lists { #lists > .groupEntry > ul { margin: 0.25em 0 0 0; } -#lists > .groupEntry.collapsed > ul { +#lists > .groupEntry.collapsed > ul, +#lists > .groupEntry.collapsed > div { display: none; } li.listEntry { @@ -139,10 +140,10 @@ span.new { background-color: hsl(36, 100%, 75%); } #externalListsDiv { - margin: 2em auto 2em 2em; + margin: 2em auto 0 2em; } body[dir=rtl] #externalListsDiv { - margin: 2em 2em 2em; + margin: 2em 2em 0; } #externalLists { box-sizing: border-box; diff --git a/src/css/dashboard.css b/src/css/dashboard.css index 8c1971325..e8f87aecd 100644 --- a/src/css/dashboard.css +++ b/src/css/dashboard.css @@ -12,6 +12,7 @@ html, body { } body { padding:8px; + box-sizing: border-box; } #dashboard-nav { margin: 0; @@ -62,7 +63,7 @@ iframe { border: 0; padding: 0; background-color: transparent; - width: calc(100% - 16px); + width: 100%; } @media (max-width: 600px) { diff --git a/src/js/3p-filters.js b/src/js/3p-filters.js index 6d2e3de36..9a89fd690 100644 --- a/src/js/3p-filters.js +++ b/src/js/3p-filters.js @@ -162,6 +162,9 @@ var renderFilterLists = function() { var liFromListGroup = function(groupKey, listKeys) { var liGroup = listGroupTemplate.clone(); + if(groupKey === 'custom') { + liGroup.append(uDom('#externalListsDiv')); + } var groupName = vAPI.i18n('3pGroup' + groupKey.charAt(0).toUpperCase() + groupKey.slice(1)); if ( groupName !== '' ) { liGroup.descendants('span.geName').text(groupName); @@ -245,6 +248,7 @@ var renderFilterLists = function() { uDom('#autoUpdate').prop('checked', listDetails.autoUpdate === true); uDom('#parseCosmeticFilters').prop('checked', listDetails.cosmetic === true); + renderExternalLists(); renderWidgets(); renderBusyOverlay(details.manualUpdate, details.manualUpdateProgress); }; @@ -539,7 +543,6 @@ uDom.onLoad(function() { uDom('#lists').on('click', '.groupEntry > span', groupEntryClickHandler); renderFilterLists(); - renderExternalLists(); }); /******************************************************************************/