OrgGo
/
filebrowser
mirror of https://github.com/filebrowser/filebrowser.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: CSS selectors for listing icons (#3277)

This commit is contained in:
Andrés Bono 2024-06-08 21:54:06 +02:00 committed by GitHub
parent 6ca3d5a573
commit 2a90cdfdaf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/files/ListingItem.vue
View File

@ -275,12 +275,10 @@ const open = () => {
};
const getExtension = (fileName: string): string => {
const lastDotIndex = fileName.lastIndexOf('.');
const lastDotIndex = fileName.lastIndexOf(".");
if (lastDotIndex === -1) {
return fileName;
}
return fileName.substring(lastDotIndex);
};
</script>

16
frontend/src/css/listing-icons.css
View File

@ -5,7 +5,7 @@
.file-icons [aria-label^="."] {
opacity: 0.33;
}
.file-icons [aria-label$=".bak"] {
.file-icons [data-ext=".bak"] {
opacity: 0.33;
}
@ -47,7 +47,6 @@
content: "slideshow";
}
/* #0f0 - Spreadsheet/Database */
.file-icons [data-ext=".csv"] i::before,
@ -152,16 +151,16 @@
/* General */
.file-icons [data-ext="audio"] i {
.file-icons [data-type="audio"] i {
color: var(--icon-yellow);
}
.file-icons [data-ext="image"] i {
.file-icons [data-type="image"] i {
color: var(--icon-orange);
}
.file-icons [data-ext="video"] i {
.file-icons [data-type="video"] i {
color: var(--icon-violet);
}
.file-icons [data-ext="invalid_link"] i {
.file-icons [data-type="invalid_link"] i {
color: var(--icon-red);
}
@ -172,7 +171,7 @@
.file-icons [data-ext=".jar"] i,
.file-icons [data-ext=".psd"] i,
.file-icons [data-ext=".rb"] i,
.file-icons [data-ext="pdf"] i {
.file-icons [data-ext=".pdf"] i {
color: var(--icon-red);
}
@ -204,8 +203,7 @@
.file-icons [data-ext=".go"] i,
.file-icons [data-ext=".ods"] i,
.file-icons [data-ext=".xls"] i,
.file-icons [data-ext=".xlsx"] i ,
.file-icons [data-ext="xlsx"] i::before{
.file-icons [data-ext=".xlsx"] i {
color: var(--icon-green);
}