Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add styling to the side bar and library window #83

Browse source
This commit is contained in:
bmFtZQ 2023-11-24 20:04:20 +08:00
parent 15d5c8219a
commit 81d322dc93
6 changed files with 161 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
chrome/icons/arrow-filled-down.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path transform="rotate(90)" transform-origin="center" d="M6.479 2.729 11.1 7.35a.92.92 0 0 1 0 1.3l-4.621 4.621a.72.72 0 0 1-1.229-.509V3.237a.72.72 0 0 1 1.229-.508z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 300 B

3
chrome/icons/arrow-filled-left.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path transform="rotate(180)" transform-origin="center" d="M6.479 2.729 11.1 7.35a.92.92 0 0 1 0 1.3l-4.621 4.621a.72.72 0 0 1-1.229-.509V3.237a.72.72 0 0 1 1.229-.508z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 301 B

64
chrome/icons/icons.css
View file

@ -944,3 +944,67 @@ and 11 so applied to both) */
--header-image: url("extension.svg");
--uc-enabled: 1;
}
/* Tree items used for side bar and library windows */
treechildren::-moz-tree-image {
fill-opacity: 1 !important;
}
treechildren::-moz-tree-image(title) {
list-style-image: url("page-portrait.svg") !important;
}
/* default folder icon */
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
list-style-image: url("folder.svg") !important;
}
/* bookmarks bar icon */
treechildren::-moz-tree-image(container, queryFolder_toolbar_____) {
list-style-image: url("bookmark-hollow.svg") !important;
}
/* bookmarks menu icon */
treechildren::-moz-tree-image(container, queryFolder_menu________) {
list-style-image: url("folder.svg") !important;
}
/* smart folder icon */
treechildren::-moz-tree-image(query) {
list-style-image: url("settings.svg") !important;
}
/* bookmarks category icon */
treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
list-style-image: url("bookmark-hollow.svg") !important;
}
/* downloads category icon */
treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
list-style-image: url("downloads.svg") !important;
}
/* tags category icon */
treechildren::-moz-tree-image(title, query, tagContainer),
treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v) {
list-style-image: url("tag.svg") !important;
}
/* calendar icon for folders grouping items by date */
treechildren::-moz-tree-image(title, query, dayContainer) {
list-style-image: url("history.svg") !important;
}
treechildren::-moz-tree-image(title, query, hostContainer) {
list-style-image: url("folder.svg") !important;
}
/* history category icon */
treechildren::-moz-tree-image(query, OrganizerQuery_history____v) {
list-style-image: url("history.svg") !important;
}
treechildren::-moz-tree-image(title, query, folder) {
list-style-image: url("folder.svg") !important;
}

3
chrome/icons/tag.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M12 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM9.129 0a2.003 2.003 0 0 0-1.426.584L1.021 7.249a2 2 0 0 0-.002 2.83l4.948 4.948a2 2 0 0 0 2.828 0l6.631-6.631a2 2 0 0 0 .586-1.417l-.007-4.95A2 2 0 0 0 14.018.032zm-.72 1.292A1 1 0 0 1 9.123 1l4.89.032a1 1 0 0 1 .994.999l.007 4.95a1 1 0 0 1-.293.708L8.09 14.32a1 1 0 0 1-1.415 0L1.727 9.372a1 1 0 0 1 .001-1.415z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 489 B