upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-06-09 08:44:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 11

Merge pull request #41426 from nextcloud/artonge/fix/live_photo_overlay

Browse source 
Use background to increase overlay contrast
This commit is contained in:
Louis 2023-11-13 22:40:53 +01:00 committed by GitHub
commit 311b8ffbdf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 8 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/files/src/components/FileEntry/FileEntryPreview.vue
View file

@ -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>

13
apps/files/src/components/FilesListVirtual.vue
View file

@ -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;
}
}
}
}

4
dist/files-main.js vendored
View file

File diff suppressed because one or more lines are too long

2
dist/files-main.js.map vendored
View file

File diff suppressed because one or more lines are too long