Move "legacy" or otherwise deprecated styles into sub-folder

This commit is contained in:
MrOtherGuy 2023-01-01 18:40:37 +02:00
parent a46d28bcab
commit 7953cb9d8e
18 changed files with 65 additions and 55 deletions

View file

@ -53,8 +53,6 @@ pre:empty{ display: none }
max-width: 30%; max-width: 30%;
cursor: pointer; cursor: pointer;
white-space:nowrap; white-space:nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: flex; display: flex;
} }
.target > a{ .target > a{
@ -66,6 +64,10 @@ pre:empty{ display: none }
background-size: contain; background-size: contain;
flex-shrink: 0; flex-shrink: 0;
} }
.target > span{
overflow: hidden;
pointer-events: none;
}
.target:hover{ background-color: rgb(80,80,90) } .target:hover{ background-color: rgb(80,80,90) }
.target.selected{ background-color: rgb(80,80,120) } .target.selected{ background-color: rgb(80,80,120) }
.target > a:hover{ filter: drop-shadow(0 0 3px fuchsia) } .target > a:hover{ filter: drop-shadow(0 0 3px fuchsia) }

View file

@ -1,23 +1,34 @@
'use strict'; 'use strict';
let DB = null; const DB = new (function(){
this.content = null;
function initDB(obj){ this.query = (q,list) => {
DB = obj.content;
Object.defineProperty(DB,"query",{value:function (q,list){
let nlist = []; let nlist = [];
for(let key of list || this.keys){ for(let key of list || this.keys){
if(this[key].includes(q)){ if(this.content[key].includes(q)){
nlist.push(key) nlist.push(key)
} }
} }
return nlist return nlist
};
this.init = (obj) => {
this.content = obj
}
this._keys = null;
Object.defineProperty(this,"keys",{ get:() => {
if(this.content && !this._keys){
this._keys = Object.keys(this.content).sort();
}
return this._keys
}}); }});
Object.defineProperty(DB,"keys",{value:(Object.keys(DB).sort())}); this.getTagsForFile = (name) => {
return this.content[name];
Object.defineProperty(DB,"getTagsForFile",{value:function(name){return this[name]}}); }
})();
return true
function initDB(obj){
window.DB = DB;
DB.init(obj.content);
} }
function fetchWithType(url){ function fetchWithType(url){
@ -106,7 +117,7 @@ function getSecondaryCategories(list){
function showMatchingTargets(fileNames,setSelected = false){ function showMatchingTargets(fileNames,setSelected = false){
let bonus = 0; let bonus = 0;
for(let c of Array.from(document.querySelectorAll(".target"))){ for(let c of Array.from(document.querySelectorAll(".target"))){
if(fileNames.includes(getText(c))){ if(fileNames.includes(c.dataset.filename)){
c.classList.remove("hidden"); c.classList.remove("hidden");
setSelected && selectedTarget.add(c) setSelected && selectedTarget.add(c)
}else{ }else{
@ -129,7 +140,7 @@ function onCategoryClicked(categoryNode,isSecondary = false){
let fileNames = currentCategory.getFileNames(categoryNode,isSecondary); let fileNames = currentCategory.getFileNames(categoryNode,isSecondary);
if(!isSecondary){ if(!isSecondary){
if(fileNames.length > 9){ if(fileNames.length > 9 && categoryNode.textContent != "legacy"){
let matchingSecondaries = getSecondaryCategories(fileNames); let matchingSecondaries = getSecondaryCategories(fileNames);
for(let child of Array.from(secondaryCategoriesNode.children)){ for(let child of Array.from(secondaryCategoriesNode.children)){
matchingSecondaries.includes(child.textContent) ? child.classList.remove("hidden") : child.classList.add("hidden") matchingSecondaries.includes(child.textContent) ? child.classList.remove("hidden") : child.classList.add("hidden")
@ -148,7 +159,7 @@ function onCategoryClicked(categoryNode,isSecondary = false){
async function onTargetClicked(target,append = false){ async function onTargetClicked(target,append = false){
const text = typeof target === "string" const text = typeof target === "string"
? target ? target
: getText(target); : target.dataset.filename;
fetchWithType(`chrome/${text}`) fetchWithType(`chrome/${text}`)
.then(obj => { .then(obj => {
@ -185,7 +196,7 @@ function onFilenameClicked(box,ctrlKey){
if(ctrlKey){ if(ctrlKey){
selectedTarget.deselect(box); selectedTarget.deselect(box);
let previewbox = document.getElementById("previewBox"); let previewbox = document.getElementById("previewBox");
let preview = previewbox.getNamedSection(`chrome/${box.getAttribute("title")}.css`); let preview = previewbox.getNamedSection(`chrome/${box.dataset.filename}`);
if(preview){ if(preview){
preview.remove(); preview.remove();
} }
@ -256,18 +267,19 @@ function createCategories(){
const TAR_PARENT = document.getElementById("targets"); const TAR_PARENT = document.getElementById("targets");
TAR_PARENT.addEventListener("click",onSomeClicked,{passive:true}); TAR_PARENT.addEventListener("click",onSomeClicked,{passive:true});
const createNode = function(name,type){ const createNode = function(name,type,isDeprecated){
let node = document.createElement("div"); let node = document.createElement("div");
node.classList.add(type); node.classList.add(type);
if(type === "target"){ if(type === "target"){
let link = node.appendChild(document.createElement("a")); let link = node.appendChild(document.createElement("a"));
node.classList.add("hidden"); node.classList.add("hidden");
link.href = `https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/${name}`; link.href = `https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/${isDeprecated?"deprecated/":""}${name}`;
link.title = "See on Github"; link.title = "See on Github";
link.target = "_blank"; link.target = "_blank";
const content = name.substring(0,name.lastIndexOf(".")); const content = name.substring(0,name.lastIndexOf("."));
node.append(content); node.appendChild(document.createElement("span")).textContent = content;
node.dataset.filename = `${content}.css`;
node.setAttribute("title",content); node.setAttribute("title",content);
}else{ }else{
node.textContent = name.name; node.textContent = name.name;
@ -276,17 +288,13 @@ function createCategories(){
return node; return node;
} }
const createCategory = name => createNode(name,"category");
const createTarget = name => createNode(name,"target");
const CAT_NAMES = (function(){ const CAT_NAMES = (function(){
let list = []; let list = [];
for(let key of Object.keys(DB)){ for(let key of DB.keys){
TAR_PARENT.appendChild(createNode(key,"target")); let things = DB.content[key];
let things = DB[key]; TAR_PARENT.appendChild(createNode(key,"target",things.includes("legacy")));
for(let t of things){ for(let t of things){
list.push(t) list.push(t)
} }

View file

@ -9,7 +9,7 @@
"autohide_tabstoolbar.css":["autohide","tabs","toolbars"], "autohide_tabstoolbar.css":["autohide","tabs","toolbars"],
"autohide_toolbox.css":["autohide","toolbars","fullscreen"], "autohide_toolbox.css":["autohide","toolbars","fullscreen"],
"blank_page_background.css":["dark-mode"], "blank_page_background.css":["dark-mode"],
"bookmarksbar_on_new_tabs_only.css":["legacy"], "deprecated/bookmarksbar_on_new_tabs_only.css":["legacy"],
"bookmarks_toolbar_on_newtabs_only.css":["bookmarks","toolbars","autohide","hiding"], "bookmarks_toolbar_on_newtabs_only.css":["bookmarks","toolbars","autohide","hiding"],
"button_effect_icon_glow.css":["buttons","effect"], "button_effect_icon_glow.css":["buttons","effect"],
"button_effect_scale_onclick.css":["buttons","effect"], "button_effect_scale_onclick.css":["buttons","effect"],
@ -42,8 +42,8 @@
"fake_statusbar_w_menubar.css":["hack","status","toolbars","menubar"], "fake_statusbar_w_menubar.css":["hack","status","toolbars","menubar"],
"fake_tab_tooltip.css":["tab","hack","popup"], "fake_tab_tooltip.css":["tab","hack","popup"],
"floating_findbar_on_top.css":["findbar"], "floating_findbar_on_top.css":["findbar"],
"full_width_urlbar_popup.css":["legacy"], "deprecated/full_width_urlbar_popup.css":["legacy"],
"google_style_urlbar_popup.css":["legacy"], "deprecated/google_style_urlbar_popup.css":["legacy"],
"grid_overflow_menu.css":["popup","menu"], "grid_overflow_menu.css":["popup","menu"],
"hide_statuspanel_when_fullscreen.css":["status","fullscreen","hiding"], "hide_statuspanel_when_fullscreen.css":["status","fullscreen","hiding"],
"hide_tabs_scrollbuttons.css":["tabs","hiding","buttons","minimal"], "hide_tabs_scrollbuttons.css":["tabs","hiding","buttons","minimal"],
@ -78,10 +78,10 @@
"multi-row_main_toolbar.css":["urlbar","toolbars","multi-row","hack"], "multi-row_main_toolbar.css":["urlbar","toolbars","multi-row","hack"],
"multi-row_oneliner_combo_patch.css":["multi-row","patch","one-line","minimal"], "multi-row_oneliner_combo_patch.css":["multi-row","patch","one-line","minimal"],
"multi-row_tabs.css":["tabs","multi-row","toolbars"], "multi-row_tabs.css":["tabs","multi-row","toolbars"],
"multi-row_tabs_Fx66+.css":["legacy"], "deprecated/multi-row_tabs_Fx66+.css":["legacy"],
"multi-row_tabs_below_content.css":["multi-row","tabs","toolbars"], "multi-row_tabs_below_content.css":["multi-row","tabs","toolbars"],
"multi-row_tabs_below_content_legacy.css":["legacy"], "deprecated/multi-row_tabs_below_content_legacy.css":["legacy"],
"multi-row_tabs_legacy.css":["legacy"], "deprecated/multi-row_tabs_legacy.css":["legacy"],
"multi-row_tabs_separate_pinned_row_patch.css":["tabs","multi-row","patch"], "multi-row_tabs_separate_pinned_row_patch.css":["tabs","multi-row","patch"],
"multi-row_tabs_window_control_patch.css":["patch","multi-row","window-control"], "multi-row_tabs_window_control_patch.css":["patch","multi-row","window-control"],
"navbar_below_content.css":["nav-bar","toolbars"], "navbar_below_content.css":["nav-bar","toolbars"],
@ -130,17 +130,17 @@
"tabs_on_bottom_menubar_on_top_patch.css":["tabs","menubar","toolbars","classic","patch"], "tabs_on_bottom_menubar_on_top_patch.css":["tabs","menubar","toolbars","classic","patch"],
"textual_context_navigation.css":["navigation","popup","menu"], "textual_context_navigation.css":["navigation","popup","menu"],
"textual_searchbar_one-offs.css":["popup","menu"], "textual_searchbar_one-offs.css":["popup","menu"],
"theme_additional_windows.css":["legacy"], "deprecated/theme_additional_windows.css":["legacy"],
"theme_aware_modal_prompts.css":["effect","dark-mode","colors","popup","legacy"], "deprecated/theme_aware_modal_prompts.css":["legacy"],
"theme_color_variables.css":["legacy"], "deprecated/theme_color_variables.css":["legacy"],
"theme_popups_and_menus.css":["legacy"], "deprecated/theme_popups_and_menus.css":["legacy"],
"theme_sidebar.css":["legacy"], "deprecated/theme_sidebar.css":["legacy"],
"theme_toolbars.css":["legacy"], "deprecated/theme_toolbars.css":["legacy"],
"toggle_bookmarksbar_with_alt.css":["legacy"], "deprecated/toggle_bookmarksbar_with_alt.css":["legacy"],
"toggle_tabs_toolbar_with_alt.css":["hack","tabs","menubar"], "toggle_tabs_toolbar_with_alt.css":["hack","tabs","menubar"],
"toolbarbuttons_icon+label.css":["buttons","icon"], "toolbarbuttons_icon+label.css":["buttons","icon"],
"toolbars_below_content.css":["tabs","toolbars"], "toolbars_below_content.css":["tabs","toolbars"],
"urlbar_and_popup_equal_width.css":["legacy"], "deprecated/urlbar_and_popup_equal_width.css":["legacy"],
"urlbar_centered_text.css":["urlbar"], "urlbar_centered_text.css":["urlbar"],
"urlbar_connection_type_background_colors.css":["urlbar","colors","status"], "urlbar_connection_type_background_colors.css":["urlbar","colors","status"],
"urlbar_connection_type_text_colors.css":["urlbar","colors","status"], "urlbar_connection_type_text_colors.css":["urlbar","colors","status"],

View file

@ -8,7 +8,7 @@ autohide_sidebar.css,autohide,sidebar
autohide_tabstoolbar.css,autohide,tabs,toolbars autohide_tabstoolbar.css,autohide,tabs,toolbars
autohide_toolbox.css,autohide,toolbars,fullscreen autohide_toolbox.css,autohide,toolbars,fullscreen
blank_page_background.css,dark-mode blank_page_background.css,dark-mode
bookmarksbar_on_new_tabs_only.css,legacy deprecated/bookmarksbar_on_new_tabs_only.css,legacy
bookmarks_toolbar_on_newtabs_only.css,bookmarks,toolbars,autohide,hiding bookmarks_toolbar_on_newtabs_only.css,bookmarks,toolbars,autohide,hiding
button_effect_icon_glow.css,buttons,effect button_effect_icon_glow.css,buttons,effect
button_effect_scale_onclick.css,buttons,effect button_effect_scale_onclick.css,buttons,effect
@ -41,8 +41,8 @@ fake_urlbar_dropmarker.css,urlbar,hack
fake_statusbar_w_menubar.css,hack,status,toolbars,menubar fake_statusbar_w_menubar.css,hack,status,toolbars,menubar
fake_tab_tooltip.css,tab,hack,popup fake_tab_tooltip.css,tab,hack,popup
floating_findbar_on_top.css,findbar floating_findbar_on_top.css,findbar
full_width_urlbar_popup.css,legacy deprecated/full_width_urlbar_popup.css,legacy
google_style_urlbar_popup.css,legacy deprecated/google_style_urlbar_popup.css,legacy
grid_overflow_menu.css,popup,menu grid_overflow_menu.css,popup,menu
hide_statuspanel_when_fullscreen.css,status,fullscreen,hiding hide_statuspanel_when_fullscreen.css,status,fullscreen,hiding
hide_tabs_scrollbuttons.css,tabs,hiding,buttons,minimal hide_tabs_scrollbuttons.css,tabs,hiding,buttons,minimal
@ -77,10 +77,10 @@ multi-row_bookmarks.css,multi-row,bookmarks,toolbars
multi-row_main_toolbar.css,urlbar,toolbars,multi-row,hack multi-row_main_toolbar.css,urlbar,toolbars,multi-row,hack
multi-row_oneliner_combo_patch.css,multi-row,patch,one-line,minimal multi-row_oneliner_combo_patch.css,multi-row,patch,one-line,minimal
multi-row_tabs.css,tabs,multi-row,toolbars multi-row_tabs.css,tabs,multi-row,toolbars
multi-row_tabs_Fx66+.css,legacy deprecated/multi-row_tabs_Fx66+.css,legacy
multi-row_tabs_below_content.css,multi-row,tabs,toolbars multi-row_tabs_below_content.css,multi-row,tabs,toolbars
multi-row_tabs_below_content_legacy.css,legacy deprecated/multi-row_tabs_below_content_legacy.css,legacy
multi-row_tabs_legacy.css,legacy deprecated/multi-row_tabs_legacy.css,legacy
multi-row_tabs_separate_pinned_row_patch.css,tabs,multi-row,patch multi-row_tabs_separate_pinned_row_patch.css,tabs,multi-row,patch
multi-row_tabs_window_control_patch.css,patch,multi-row,window-control multi-row_tabs_window_control_patch.css,patch,multi-row,window-control
navbar_below_content.css,nav-bar,toolbars navbar_below_content.css,nav-bar,toolbars
@ -129,17 +129,17 @@ tabs_on_bottom.css,tabs,toolbars,classic
tabs_on_bottom_menubar_on_top_patch.css,tabs,menubar,toolbars,classic,patch tabs_on_bottom_menubar_on_top_patch.css,tabs,menubar,toolbars,classic,patch
textual_context_navigation.css,navigation,popup,menu textual_context_navigation.css,navigation,popup,menu
textual_searchbar_one-offs.css,popup,menu textual_searchbar_one-offs.css,popup,menu
theme_additional_windows.css,legacy deprecated/theme_additional_windows.css,legacy
theme_aware_modal_prompts.css,effect,dark-mode,colors,popup,legacy deprecated/theme_aware_modal_prompts.css,legacy
theme_color_variables.css,legacy, deprecated/theme_color_variables.css,legacy,
theme_popups_and_menus.css,legacy deprecated/theme_popups_and_menus.css,legacy
theme_sidebar.css,legacy deprecated/theme_sidebar.css,legacy
theme_toolbars.css,legacy deprecated/theme_toolbars.css,legacy
toggle_bookmarksbar_with_alt.css,legacy deprecated/toggle_bookmarksbar_with_alt.css,legacy
toggle_tabs_toolbar_with_alt.css,hack,tabs,menubar toggle_tabs_toolbar_with_alt.css,hack,tabs,menubar
toolbarbuttons_icon+label.css,buttons,icon toolbarbuttons_icon+label.css,buttons,icon
toolbars_below_content.css,tabs,toolbars toolbars_below_content.css,tabs,toolbars
urlbar_and_popup_equal_width.css,legacy deprecated/urlbar_and_popup_equal_width.css,legacy
urlbar_centered_text.css,urlbar urlbar_centered_text.css,urlbar
urlbar_connection_type_background_colors.css,urlbar,colors,status urlbar_connection_type_background_colors.css,urlbar,colors,status
urlbar_connection_type_text_colors.css,urlbar,colors,status urlbar_connection_type_text_colors.css,urlbar,colors,status

1 auto_devtools_theme_for_rdm.css,devtools,colors
8 autohide_tabstoolbar.css,autohide,tabs,toolbars
9 autohide_toolbox.css,autohide,toolbars,fullscreen
10 blank_page_background.css,dark-mode
11 bookmarksbar_on_new_tabs_only.css,legacy deprecated/bookmarksbar_on_new_tabs_only.css,legacy
12 bookmarks_toolbar_on_newtabs_only.css,bookmarks,toolbars,autohide,hiding
13 button_effect_icon_glow.css,buttons,effect
14 button_effect_scale_onclick.css,buttons,effect
41 fake_statusbar_w_menubar.css,hack,status,toolbars,menubar
42 fake_tab_tooltip.css,tab,hack,popup
43 floating_findbar_on_top.css,findbar
44 full_width_urlbar_popup.css,legacy deprecated/full_width_urlbar_popup.css,legacy
45 google_style_urlbar_popup.css,legacy deprecated/google_style_urlbar_popup.css,legacy
46 grid_overflow_menu.css,popup,menu
47 hide_statuspanel_when_fullscreen.css,status,fullscreen,hiding
48 hide_tabs_scrollbuttons.css,tabs,hiding,buttons,minimal
77 multi-row_main_toolbar.css,urlbar,toolbars,multi-row,hack
78 multi-row_oneliner_combo_patch.css,multi-row,patch,one-line,minimal
79 multi-row_tabs.css,tabs,multi-row,toolbars
80 multi-row_tabs_Fx66+.css,legacy deprecated/multi-row_tabs_Fx66+.css,legacy
81 multi-row_tabs_below_content.css,multi-row,tabs,toolbars
82 multi-row_tabs_below_content_legacy.css,legacy deprecated/multi-row_tabs_below_content_legacy.css,legacy
83 multi-row_tabs_legacy.css,legacy deprecated/multi-row_tabs_legacy.css,legacy
84 multi-row_tabs_separate_pinned_row_patch.css,tabs,multi-row,patch
85 multi-row_tabs_window_control_patch.css,patch,multi-row,window-control
86 navbar_below_content.css,nav-bar,toolbars
129 tabs_on_bottom_menubar_on_top_patch.css,tabs,menubar,toolbars,classic,patch
130 textual_context_navigation.css,navigation,popup,menu
131 textual_searchbar_one-offs.css,popup,menu
132 theme_additional_windows.css,legacy deprecated/theme_additional_windows.css,legacy
133 theme_aware_modal_prompts.css,effect,dark-mode,colors,popup,legacy deprecated/theme_aware_modal_prompts.css,legacy
134 theme_color_variables.css,legacy, deprecated/theme_color_variables.css,legacy,
135 theme_popups_and_menus.css,legacy deprecated/theme_popups_and_menus.css,legacy
136 theme_sidebar.css,legacy deprecated/theme_sidebar.css,legacy
137 theme_toolbars.css,legacy deprecated/theme_toolbars.css,legacy
138 toggle_bookmarksbar_with_alt.css,legacy deprecated/toggle_bookmarksbar_with_alt.css,legacy
139 toggle_tabs_toolbar_with_alt.css,hack,tabs,menubar
140 toolbarbuttons_icon+label.css,buttons,icon
141 toolbars_below_content.css,tabs,toolbars
142 urlbar_and_popup_equal_width.css,legacy deprecated/urlbar_and_popup_equal_width.css,legacy
143 urlbar_centered_text.css,urlbar
144 urlbar_connection_type_background_colors.css,urlbar,colors,status
145 urlbar_connection_type_text_colors.css,urlbar,colors,status