opensource/filestash
1
0
Fork 0
mirror of https://github.com/mickael-kerjean/filestash.git synced 2025-11-03 04:50:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix (ux): ux issue fix

Browse Source
This commit is contained in:
Mickael Kerjean
2023-04-28 17:16:34 +10:00
parent 1f52ea90e4
commit 10b5438f48
4 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/assets/img/volume_low.svg
View File

@ -1,4 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" stroke="#6f6f6f" stroke-width="2.5" xmlns="http://www.w3.org/2000/svg">
<svg viewBox="0 0 24 24" fill="none" stroke="#6f6f6f" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
<path d="m 16.350225,8.193787 c 1.449626,1.933559 1.449626,5.678884 0,7.612446" />
<path d="M 1.1253356,15.217897 V 8.7810328 c 0,-0.6242205 0.4871967,-1.1309917 1.0874923,-1.1309917 H 6.1125748 A 1.0657422,1.0657422 0 0 0 6.8814318,7.3183562 L 10.143909,3.6339328 c 0.68512,-0.713395 1.856345,-0.2077111 1.856345,0.8003942 v 15.131368 c 0,1.015715 -1.185362,1.517045 -1.866131,0.789513 L 6.882519,16.69145 A 1.0657422,1.0657422 0 0 0 6.1038748,16.349975 H 2.2128279 c -0.6002956,0 -1.0874923,-0.506768 -1.0874923,-1.132078 z" />
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 650 B

After

Width:  |  Height:  |  Size: 648 B

2
client/assets/img/volume_mute.svg
View File

@ -1,4 +1,4 @@
<svg viewBox="0 0 24 24" fill="none" stroke="#6f6f6f" stroke-width="2.5" xmlns="http://www.w3.org/2000/svg">
<svg viewBox="0 0 24 24" fill="none" stroke="#6f6f6f" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
<path d="m 21.983883,14.883883 -6,-5.9999995 m 6,0 -6,5.9999995" />
<path d="M 1.1253356,15.217897 V 8.7810328 c 0,-0.6242205 0.4871967,-1.1309917 1.0874923,-1.1309917 H 6.1125748 A 1.0657422,1.0657422 0 0 0 6.8814318,7.3183562 L 10.143909,3.6339328 c 0.68512,-0.713395 1.856345,-0.2077111 1.856345,0.8003942 v 15.131368 c 0,1.015715 -1.185362,1.517045 -1.866131,0.789513 L 6.882519,16.69145 A 1.0657422,1.0657422 0 0 0 6.1038748,16.349975 H 2.2128279 c -0.6002956,0 -1.0874923,-0.506768 -1.0874923,-1.132078 z" />
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 635 B

After

Width:  |  Height:  |  Size: 633 B

2
client/pages/filespage.js
View File

@ -120,7 +120,7 @@ export class FilesPageComponent extends React.Component {
}
});
this.onRefresh();
} else if(e.code === "KeyA" && e.ctrlKey === true) {
} else if (e.code === "KeyA" && e.ctrlKey === true && document.activeElement.tagName !== "INPUT") {
if (this.state.selected.length === this.state.files.length) {
this.handleMultiSelect([], e);
} else {

11
client/pages/filespage/thing.scss
View File

@ -76,6 +76,7 @@
margin: 0 -10px;
padding: 0 10px;
position: relative;
.component_icon{
padding: 1px 0;
box-sizing: border-box;
@ -224,7 +225,6 @@
}
.component_filesize, .component_datetime{ display: none; }
.component_action{
opacity: 0;
transform: translateX(5px);
transition: 0.15s ease-out all;
z-index: 2;
@ -242,7 +242,6 @@
&:hover{
.component_action{
transition-delay: 0.1s;
opacity: 1;
transform: translateX(0);
}
img.thumbnail{
@ -306,6 +305,14 @@
}
}
}
.not-selected .box {
&:hover .component_action { opacity: 1; }
.component_action { opacity: 0; }
}
.selected .box {
.component_action { opacity: 0; }
}
}
.dark-mode .component_thing {