diff options
| author | Louis Chemineau <louis@chmn.me> | 2023-11-13 14:48:44 +0100 |
|---|---|---|
| committer | Louis Chemineau <louis@chmn.me> | 2023-11-13 19:10:42 +0100 |
| commit | 835c6f862783fb983751420b6b0ca21edb2405b3 (patch) | |
| tree | bb151bf718174c0e025aec011e2216915d1597e6 /apps/files | |
| parent | 96eb00a861181e3bf98c5cbd0a57c4bff9803599 (diff) | |
| download | nextcloud-server-835c6f862783fb983751420b6b0ca21edb2405b3.tar.gz nextcloud-server-835c6f862783fb983751420b6b0ca21edb2405b3.zip | |
Use background to increase overlay contrast
And limit it to files
Signed-off-by: Louis Chemineau <louis@chmn.me>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'apps/files')
| -rw-r--r-- | apps/files/src/components/FileEntry/FileEntryPreview.vue | 2 | ||||
| -rw-r--r-- | apps/files/src/components/FilesListVirtual.vue | 13 |
2 files changed, 5 insertions, 10 deletions
diff --git a/apps/files/src/components/FileEntry/FileEntryPreview.vue b/apps/files/src/components/FileEntry/FileEntryPreview.vue index 1c974fb76d8..35eb3c8804d 100644 --- a/apps/files/src/components/FileEntry/FileEntryPreview.vue +++ b/apps/files/src/components/FileEntry/FileEntryPreview.vue @@ -53,7 +53,7 @@ <OverlayIcon :is="fileOverlay" v-if="fileOverlay" - class="files-list__row-icon-overlay" /> + class="files-list__row-icon-overlay files-list__row-icon-overlay--file" /> </span> </template> diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue index 010e55a87e7..09c9ea84b6c 100644 --- a/apps/files/src/components/FilesListVirtual.vue +++ b/apps/files/src/components/FilesListVirtual.vue @@ -519,16 +519,11 @@ export default Vue.extend({ // better alignment with the folder icon margin-top: 2px; - svg { + // Improve icon contrast with a background for files + &--file { + color: var(--color-main-text); + background: var(--color-main-background); border-radius: 100%; - - // Sow a border around the icon for better contrast - path { - stroke: var(--color-main-background); - stroke-width: 8px; - stroke-linejoin: round; - paint-order: stroke; - } } } } |