optimalize UI for preview and sorting options

This commit is contained in:
Milos Holba
2020-12-07 18:57:40 +01:00
parent 97d500028a
commit 418c072414
5 changed files with 68 additions and 154 deletions
+3 -129
View File
@@ -29,8 +29,8 @@
"/chunks/environment-setup.js": "/chunks/environment-setup.js?id=826fbaa6cc4acab69f5d",
"/chunks/files.js": "/chunks/files.js?id=35936c1c34e3290a6072",
"/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.js": "/chunks/files~chunks/settings-subscription~chunks/shared-files~chunks/shared-page~chunks/user-subscription.js?id=8ccd35de575e8a91d02f",
"/chunks/files~chunks/shared-files.js": "/chunks/files~chunks/shared-files.js?id=205b1471a2b6c64bb62e",
"/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=3da426c9859661354250",
"/chunks/files~chunks/shared-files.js": "/chunks/files~chunks/shared-files.js?id=5a932d7f9cdb53f67aa6",
"/chunks/files~chunks/shared-files~chunks/shared-page.js": "/chunks/files~chunks/shared-files~chunks/shared-page.js?id=b7a5e83f69ec780a8a8a",
"/chunks/files~chunks/shared-page.js": "/chunks/files~chunks/shared-page.js?id=ed167949ea9398f0fbeb",
"/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=aba8c662fbc234892216",
"/chunks/installation-disclaimer.js": "/chunks/installation-disclaimer.js?id=7dfffa0f25308ba70b7a",
@@ -75,131 +75,5 @@
"/chunks/user-password.js": "/chunks/user-password.js?id=b036eeaa5ef8e798f6dd",
"/chunks/user-storage.js": "/chunks/user-storage.js?id=a99910f95c3e39caa78b",
"/chunks/user-subscription.js": "/chunks/user-subscription.js?id=e8ea1e67f9ac0a835ed0",
"/chunks/users.js": "/chunks/users.js?id=aba8837f40fbb79f99b4",
"/chunks/files~chunks/shared-files.8522e638351d8516da0e.hot-update.js": "/chunks/files~chunks/shared-files.8522e638351d8516da0e.hot-update.js",
"/chunks/files~chunks/shared-files.3e1a478ca980359abb11.hot-update.js": "/chunks/files~chunks/shared-files.3e1a478ca980359abb11.hot-update.js",
"/chunks/files~chunks/shared-files.c12f2dbb3cdcad08a627.hot-update.js": "/chunks/files~chunks/shared-files.c12f2dbb3cdcad08a627.hot-update.js",
"/chunks/files~chunks/shared-files.de786bd8a7bd8227ac60.hot-update.js": "/chunks/files~chunks/shared-files.de786bd8a7bd8227ac60.hot-update.js",
"/chunks/files~chunks/shared-files.9f5179c68ce5591cb93c.hot-update.js": "/chunks/files~chunks/shared-files.9f5179c68ce5591cb93c.hot-update.js",
"/chunks/files~chunks/shared-files.9e75cd2c0acd42845421.hot-update.js": "/chunks/files~chunks/shared-files.9e75cd2c0acd42845421.hot-update.js",
"/chunks/files~chunks/shared-files.ab75338c30faf2aeed23.hot-update.js": "/chunks/files~chunks/shared-files.ab75338c30faf2aeed23.hot-update.js",
"/chunks/files~chunks/shared-files.a83787966e51b679ba38.hot-update.js": "/chunks/files~chunks/shared-files.a83787966e51b679ba38.hot-update.js",
"/chunks/files~chunks/shared-files.0052820d4166b7886b19.hot-update.js": "/chunks/files~chunks/shared-files.0052820d4166b7886b19.hot-update.js",
"/chunks/files~chunks/shared-files.71b8f12ab70455cd696e.hot-update.js": "/chunks/files~chunks/shared-files.71b8f12ab70455cd696e.hot-update.js",
"/chunks/files~chunks/shared-files.8f19bed54b9916ce3a13.hot-update.js": "/chunks/files~chunks/shared-files.8f19bed54b9916ce3a13.hot-update.js",
"/chunks/files~chunks/shared-files.c2d8d55e51d64c7272d7.hot-update.js": "/chunks/files~chunks/shared-files.c2d8d55e51d64c7272d7.hot-update.js",
"/chunks/files~chunks/shared-files.88a58daa2f3907bdb968.hot-update.js": "/chunks/files~chunks/shared-files.88a58daa2f3907bdb968.hot-update.js",
"/chunks/files~chunks/shared-files.370d4f321ee654f8e5eb.hot-update.js": "/chunks/files~chunks/shared-files.370d4f321ee654f8e5eb.hot-update.js",
"/chunks/files~chunks/shared-files.4d78e5e880e038086246.hot-update.js": "/chunks/files~chunks/shared-files.4d78e5e880e038086246.hot-update.js",
"/chunks/files~chunks/shared-files.efbfbe9909ea9f5d139e.hot-update.js": "/chunks/files~chunks/shared-files.efbfbe9909ea9f5d139e.hot-update.js",
"/chunks/files~chunks/shared-files.ebc66e6561813973324a.hot-update.js": "/chunks/files~chunks/shared-files.ebc66e6561813973324a.hot-update.js",
"/chunks/files~chunks/shared-files.a1d7d0ff1ee18461acdb.hot-update.js": "/chunks/files~chunks/shared-files.a1d7d0ff1ee18461acdb.hot-update.js",
"/chunks/files~chunks/shared-files.b9493f037e98129bbce0.hot-update.js": "/chunks/files~chunks/shared-files.b9493f037e98129bbce0.hot-update.js",
"/chunks/files~chunks/shared-files.88dcde97110fa78b5391.hot-update.js": "/chunks/files~chunks/shared-files.88dcde97110fa78b5391.hot-update.js",
"/chunks/files~chunks/shared-files.a04c329d7842768f1e9d.hot-update.js": "/chunks/files~chunks/shared-files.a04c329d7842768f1e9d.hot-update.js",
"/chunks/files~chunks/shared-files.55ec9d3b0c3e6071a81f.hot-update.js": "/chunks/files~chunks/shared-files.55ec9d3b0c3e6071a81f.hot-update.js",
"/chunks/files~chunks/shared-files.271772878b08e97b70c2.hot-update.js": "/chunks/files~chunks/shared-files.271772878b08e97b70c2.hot-update.js",
"/chunks/files~chunks/shared-files.6f30cd09c165c869034a.hot-update.js": "/chunks/files~chunks/shared-files.6f30cd09c165c869034a.hot-update.js",
"/chunks/files~chunks/shared-files.2f0bfac65bc8c72b42f9.hot-update.js": "/chunks/files~chunks/shared-files.2f0bfac65bc8c72b42f9.hot-update.js",
"/chunks/files~chunks/shared-files.6ff2bea63861f01e871d.hot-update.js": "/chunks/files~chunks/shared-files.6ff2bea63861f01e871d.hot-update.js",
"/chunks/files~chunks/shared-files.53f6819cf826df4bb549.hot-update.js": "/chunks/files~chunks/shared-files.53f6819cf826df4bb549.hot-update.js",
"/chunks/files~chunks/shared-files.988458f1c4151990901d.hot-update.js": "/chunks/files~chunks/shared-files.988458f1c4151990901d.hot-update.js",
"/chunks/files~chunks/shared-files.83a60d7be932741d7f6f.hot-update.js": "/chunks/files~chunks/shared-files.83a60d7be932741d7f6f.hot-update.js",
"/chunks/files~chunks/shared-files.bebe6f6806b3fc554027.hot-update.js": "/chunks/files~chunks/shared-files.bebe6f6806b3fc554027.hot-update.js",
"/chunks/files~chunks/shared-files.f00c2677574e41148437.hot-update.js": "/chunks/files~chunks/shared-files.f00c2677574e41148437.hot-update.js",
"/chunks/files~chunks/shared-files.b525ba1fe386797ddec7.hot-update.js": "/chunks/files~chunks/shared-files.b525ba1fe386797ddec7.hot-update.js",
"/chunks/files~chunks/shared-files.6cd28ab66dcbca220eda.hot-update.js": "/chunks/files~chunks/shared-files.6cd28ab66dcbca220eda.hot-update.js",
"/chunks/files~chunks/shared-files.a4eddcc30d4f92c10fa9.hot-update.js": "/chunks/files~chunks/shared-files.a4eddcc30d4f92c10fa9.hot-update.js",
"/chunks/files~chunks/shared-files.0f62d7d233619ba17a89.hot-update.js": "/chunks/files~chunks/shared-files.0f62d7d233619ba17a89.hot-update.js",
"/chunks/files~chunks/shared-files.7130e2247baf513988aa.hot-update.js": "/chunks/files~chunks/shared-files.7130e2247baf513988aa.hot-update.js",
"/chunks/files~chunks/shared-files.900a4cceb16a46e55446.hot-update.js": "/chunks/files~chunks/shared-files.900a4cceb16a46e55446.hot-update.js",
"/chunks/files~chunks/shared-files.c454bd334d68a7b3a8d3.hot-update.js": "/chunks/files~chunks/shared-files.c454bd334d68a7b3a8d3.hot-update.js",
"/js/main.7ded2055a6c9f4f8d5ed.hot-update.js": "/js/main.7ded2055a6c9f4f8d5ed.hot-update.js",
"/chunks/files.7ded2055a6c9f4f8d5ed.hot-update.js": "/chunks/files.7ded2055a6c9f4f8d5ed.hot-update.js",
"/chunks/shared-files.7ded2055a6c9f4f8d5ed.hot-update.js": "/chunks/shared-files.7ded2055a6c9f4f8d5ed.hot-update.js",
"/chunks/files.95f0a9865b411fc47d14.hot-update.js": "/chunks/files.95f0a9865b411fc47d14.hot-update.js",
"/chunks/shared-files.95f0a9865b411fc47d14.hot-update.js": "/chunks/shared-files.95f0a9865b411fc47d14.hot-update.js",
"/chunks/files.62f9af6950b3b49def84.hot-update.js": "/chunks/files.62f9af6950b3b49def84.hot-update.js",
"/chunks/shared-files.62f9af6950b3b49def84.hot-update.js": "/chunks/shared-files.62f9af6950b3b49def84.hot-update.js",
"/chunks/files.b76c4c0a685d17399158.hot-update.js": "/chunks/files.b76c4c0a685d17399158.hot-update.js",
"/chunks/shared-files.b76c4c0a685d17399158.hot-update.js": "/chunks/shared-files.b76c4c0a685d17399158.hot-update.js",
"/chunks/files.c1572cf3b8b9fb55f344.hot-update.js": "/chunks/files.c1572cf3b8b9fb55f344.hot-update.js",
"/chunks/shared-files.c1572cf3b8b9fb55f344.hot-update.js": "/chunks/shared-files.c1572cf3b8b9fb55f344.hot-update.js",
"/chunks/files.6c8a9eb18de10dd5c77e.hot-update.js": "/chunks/files.6c8a9eb18de10dd5c77e.hot-update.js",
"/chunks/shared-files.6c8a9eb18de10dd5c77e.hot-update.js": "/chunks/shared-files.6c8a9eb18de10dd5c77e.hot-update.js",
"/js/main.165e788b01a3d3c2ba1e.hot-update.js": "/js/main.165e788b01a3d3c2ba1e.hot-update.js",
"/chunks/files.165e788b01a3d3c2ba1e.hot-update.js": "/chunks/files.165e788b01a3d3c2ba1e.hot-update.js",
"/chunks/shared-files.165e788b01a3d3c2ba1e.hot-update.js": "/chunks/shared-files.165e788b01a3d3c2ba1e.hot-update.js",
"/chunks/files~chunks/shared-files.001d2bc420261e7876c1.hot-update.js": "/chunks/files~chunks/shared-files.001d2bc420261e7876c1.hot-update.js",
"/chunks/files~chunks/shared-files.a531a9b296ccbf99e61d.hot-update.js": "/chunks/files~chunks/shared-files.a531a9b296ccbf99e61d.hot-update.js",
"/chunks/files~chunks/shared-files.508a592642995c11d91e.hot-update.js": "/chunks/files~chunks/shared-files.508a592642995c11d91e.hot-update.js",
"/chunks/files~chunks/shared-files.ad37ecb9adf47521dc5d.hot-update.js": "/chunks/files~chunks/shared-files.ad37ecb9adf47521dc5d.hot-update.js",
"/chunks/files~chunks/shared-files.fded1e5ae8653fb88727.hot-update.js": "/chunks/files~chunks/shared-files.fded1e5ae8653fb88727.hot-update.js",
"/chunks/files~chunks/shared-files.c570444dd7b2be4f651e.hot-update.js": "/chunks/files~chunks/shared-files.c570444dd7b2be4f651e.hot-update.js",
"/chunks/files~chunks/shared-files.044fd2a8f287d36c0719.hot-update.js": "/chunks/files~chunks/shared-files.044fd2a8f287d36c0719.hot-update.js",
"/chunks/files~chunks/shared-files.8d3d07be74dae5782de8.hot-update.js": "/chunks/files~chunks/shared-files.8d3d07be74dae5782de8.hot-update.js",
"/chunks/files~chunks/shared-files.49ab2030f523c7d72bd6.hot-update.js": "/chunks/files~chunks/shared-files.49ab2030f523c7d72bd6.hot-update.js",
"/chunks/files~chunks/shared-files.182e79b167a8ef805cdb.hot-update.js": "/chunks/files~chunks/shared-files.182e79b167a8ef805cdb.hot-update.js",
"/chunks/files~chunks/shared-files.3c4ebe5046bf01192c32.hot-update.js": "/chunks/files~chunks/shared-files.3c4ebe5046bf01192c32.hot-update.js",
"/chunks/files~chunks/shared-files.389350473d38df4884cd.hot-update.js": "/chunks/files~chunks/shared-files.389350473d38df4884cd.hot-update.js",
"/chunks/files~chunks/shared-files.271846e2f7aad9a300f7.hot-update.js": "/chunks/files~chunks/shared-files.271846e2f7aad9a300f7.hot-update.js",
"/chunks/files~chunks/shared-files.3c253f2a693ec43da96d.hot-update.js": "/chunks/files~chunks/shared-files.3c253f2a693ec43da96d.hot-update.js",
"/chunks/files~chunks/shared-files.f30dc43ba42ad96d889e.hot-update.js": "/chunks/files~chunks/shared-files.f30dc43ba42ad96d889e.hot-update.js",
"/chunks/files~chunks/shared-files.febae7c6814043cb6077.hot-update.js": "/chunks/files~chunks/shared-files.febae7c6814043cb6077.hot-update.js",
"/chunks/files~chunks/shared-files.e003f5c9d32df97ff7fb.hot-update.js": "/chunks/files~chunks/shared-files.e003f5c9d32df97ff7fb.hot-update.js",
"/chunks/files~chunks/shared-files.dcc7f38c63466192ae94.hot-update.js": "/chunks/files~chunks/shared-files.dcc7f38c63466192ae94.hot-update.js",
"/chunks/files~chunks/shared-files.18881674ffc749173b46.hot-update.js": "/chunks/files~chunks/shared-files.18881674ffc749173b46.hot-update.js",
"/chunks/files~chunks/shared-files.6db50a59e1a296a848fc.hot-update.js": "/chunks/files~chunks/shared-files.6db50a59e1a296a848fc.hot-update.js",
"/chunks/files~chunks/shared-files.9885b90b462d35072d34.hot-update.js": "/chunks/files~chunks/shared-files.9885b90b462d35072d34.hot-update.js",
"/chunks/files~chunks/shared-files.ec1953679afafc291d64.hot-update.js": "/chunks/files~chunks/shared-files.ec1953679afafc291d64.hot-update.js",
"/chunks/files~chunks/shared-files.5708428d591752ea4510.hot-update.js": "/chunks/files~chunks/shared-files.5708428d591752ea4510.hot-update.js",
"/chunks/files~chunks/shared-files.c9eeadf5f56753c9a9fc.hot-update.js": "/chunks/files~chunks/shared-files.c9eeadf5f56753c9a9fc.hot-update.js",
"/chunks/files~chunks/shared-files.a93b4d66f898dbeb898f.hot-update.js": "/chunks/files~chunks/shared-files.a93b4d66f898dbeb898f.hot-update.js",
"/chunks/files~chunks/shared-files.aaf0fcfd87b3d53637a4.hot-update.js": "/chunks/files~chunks/shared-files.aaf0fcfd87b3d53637a4.hot-update.js",
"/chunks/files~chunks/shared-files.159d4f5524775999662b.hot-update.js": "/chunks/files~chunks/shared-files.159d4f5524775999662b.hot-update.js",
"/chunks/files~chunks/shared-files.76ec63ec9f2565343a2b.hot-update.js": "/chunks/files~chunks/shared-files.76ec63ec9f2565343a2b.hot-update.js",
"/chunks/files~chunks/shared-files.b4ebafc1f624b16478ec.hot-update.js": "/chunks/files~chunks/shared-files.b4ebafc1f624b16478ec.hot-update.js",
"/chunks/files~chunks/shared-files.c42c54f8214226252605.hot-update.js": "/chunks/files~chunks/shared-files.c42c54f8214226252605.hot-update.js",
"/chunks/files~chunks/shared-files.f763ed8a4a5c4b795799.hot-update.js": "/chunks/files~chunks/shared-files.f763ed8a4a5c4b795799.hot-update.js",
"/js/main.be2cd305db8cec557b38.hot-update.js": "/js/main.be2cd305db8cec557b38.hot-update.js",
"/js/main.97e6b9e99aa7080af5bd.hot-update.js": "/js/main.97e6b9e99aa7080af5bd.hot-update.js",
"/js/main.db222f7fae154e4440a6.hot-update.js": "/js/main.db222f7fae154e4440a6.hot-update.js",
"/js/main.373e8adb3f00aa70a589.hot-update.js": "/js/main.373e8adb3f00aa70a589.hot-update.js",
"/js/main.23f8ff170bb775101cf2.hot-update.js": "/js/main.23f8ff170bb775101cf2.hot-update.js",
"/js/main.e351a4adcd06a837391b.hot-update.js": "/js/main.e351a4adcd06a837391b.hot-update.js",
"/chunks/files~chunks/shared-files.a146da081ab879ea4ad2.hot-update.js": "/chunks/files~chunks/shared-files.a146da081ab879ea4ad2.hot-update.js",
"/chunks/files~chunks/shared-files.9468455998c02fdb08f4.hot-update.js": "/chunks/files~chunks/shared-files.9468455998c02fdb08f4.hot-update.js",
"/chunks/files~chunks/shared-files.d41114f3dcd458090b0b.hot-update.js": "/chunks/files~chunks/shared-files.d41114f3dcd458090b0b.hot-update.js",
"/chunks/files~chunks/shared-files.01e349c8b35898cdf3de.hot-update.js": "/chunks/files~chunks/shared-files.01e349c8b35898cdf3de.hot-update.js",
"/js/main.2c678b7027140baeb756.hot-update.js": "/js/main.2c678b7027140baeb756.hot-update.js",
"/chunks/files~chunks/shared-files.1a440a62bca64101e8de.hot-update.js": "/chunks/files~chunks/shared-files.1a440a62bca64101e8de.hot-update.js",
"/chunks/files~chunks/shared-files.8014858fc1307bdef880.hot-update.js": "/chunks/files~chunks/shared-files.8014858fc1307bdef880.hot-update.js",
"/chunks/files~chunks/shared-files.a09dd0aebbf5407ad898.hot-update.js": "/chunks/files~chunks/shared-files.a09dd0aebbf5407ad898.hot-update.js",
"/chunks/files~chunks/shared-files.5c9d0442863ffe808c3b.hot-update.js": "/chunks/files~chunks/shared-files.5c9d0442863ffe808c3b.hot-update.js",
"/chunks/files~chunks/shared-files.db83f0baf27970b4bddc.hot-update.js": "/chunks/files~chunks/shared-files.db83f0baf27970b4bddc.hot-update.js",
"/chunks/files~chunks/shared-files.698479cecf46d62fc9d5.hot-update.js": "/chunks/files~chunks/shared-files.698479cecf46d62fc9d5.hot-update.js",
"/chunks/files~chunks/shared-files.38c6278a75dbfd6e275d.hot-update.js": "/chunks/files~chunks/shared-files.38c6278a75dbfd6e275d.hot-update.js",
"/chunks/files~chunks/shared-files.a9f83ec856565f6d4a39.hot-update.js": "/chunks/files~chunks/shared-files.a9f83ec856565f6d4a39.hot-update.js",
"/chunks/files~chunks/shared-files.3c7f0044097dc2b58f68.hot-update.js": "/chunks/files~chunks/shared-files.3c7f0044097dc2b58f68.hot-update.js",
"/chunks/files~chunks/shared-files.7dd0f1f3ed1c41a8adb6.hot-update.js": "/chunks/files~chunks/shared-files.7dd0f1f3ed1c41a8adb6.hot-update.js",
"/chunks/files~chunks/shared-files.f59d1cef6f15e3fcfa18.hot-update.js": "/chunks/files~chunks/shared-files.f59d1cef6f15e3fcfa18.hot-update.js",
"/chunks/files~chunks/shared-files.a950c56c933891f733c3.hot-update.js": "/chunks/files~chunks/shared-files.a950c56c933891f733c3.hot-update.js",
"/chunks/files~chunks/shared-files.9376dbb4387e943662d5.hot-update.js": "/chunks/files~chunks/shared-files.9376dbb4387e943662d5.hot-update.js",
"/chunks/files~chunks/shared-files.a51f5af10cd4e7d7d9e2.hot-update.js": "/chunks/files~chunks/shared-files.a51f5af10cd4e7d7d9e2.hot-update.js",
"/chunks/files~chunks/shared-files.d129158b6022f79765f3.hot-update.js": "/chunks/files~chunks/shared-files.d129158b6022f79765f3.hot-update.js",
"/js/main.8f030ce3ca95b1603be5.hot-update.js": "/js/main.8f030ce3ca95b1603be5.hot-update.js",
"/chunks/files~chunks/shared-files.ecf4ab3e6158691dafa9.hot-update.js": "/chunks/files~chunks/shared-files.ecf4ab3e6158691dafa9.hot-update.js",
"/js/main.2f51c89a078b8f0b32f1.hot-update.js": "/js/main.2f51c89a078b8f0b32f1.hot-update.js",
"/js/main.033e136218c2c6192c53.hot-update.js": "/js/main.033e136218c2c6192c53.hot-update.js",
"/js/main.c29d9c361fa178de55d1.hot-update.js": "/js/main.c29d9c361fa178de55d1.hot-update.js",
"/js/main.4c763269df531d44e37a.hot-update.js": "/js/main.4c763269df531d44e37a.hot-update.js",
"/js/main.437f891722b0f78398d0.hot-update.js": "/js/main.437f891722b0f78398d0.hot-update.js",
"/js/main.6fa035fe2746ab43d984.hot-update.js": "/js/main.6fa035fe2746ab43d984.hot-update.js",
"/js/main.ae956c70780e038451f2.hot-update.js": "/js/main.ae956c70780e038451f2.hot-update.js",
"/js/main.f5a0eaacfe1d78a952f2.hot-update.js": "/js/main.f5a0eaacfe1d78a952f2.hot-update.js",
"/js/main.a23073ed24e6e5de1f9c.hot-update.js": "/js/main.a23073ed24e6e5de1f9c.hot-update.js",
"/js/main.de19644d95cc9caee43e.hot-update.js": "/js/main.de19644d95cc9caee43e.hot-update.js",
"/js/main.f0fc86b61f2d2ede77bc.hot-update.js": "/js/main.f0fc86b61f2d2ede77bc.hot-update.js",
"/js/main.173c10a7b1d8f3eddcfc.hot-update.js": "/js/main.173c10a7b1d8f3eddcfc.hot-update.js",
"/js/main.d481fca69b254965fa0d.hot-update.js": "/js/main.d481fca69b254965fa0d.hot-update.js"
"/chunks/users.js": "/chunks/users.js?id=aba8837f40fbb79f99b4"
}
@@ -81,11 +81,12 @@
<!--View options-->
<div class="toolbar-button-wrapper">
<img
src="/assets/icons/sorting-icon.svg" size="17"
:class="{ active: fileInfoVisible }"
@click=" sortingAndPreview = !sortingAndPreview"
>
<ToolbarButton
source="preview-sorting"
class="preview-sorting"
:class="{ active: sortingAndPreview }"
@click.native=" sortingAndPreview = !sortingAndPreview"
/>
<ToolbarButton
:class="{ active: fileInfoVisible }"
@@ -369,10 +370,15 @@ export default {
&.active {
/deep/ svg {
line,
circle {
circle,
rect {
stroke: $theme;
}
}
&.preview-sorting{
background: $light_background;
}
}
&.is-inactive {
@@ -426,5 +432,11 @@ export default {
}
}
}
.active {
&.preview-sorting{
background: $dark_mode_foreground !important;
}
}
}
</style>
@@ -41,7 +41,7 @@
</li>
<li class="menu-option" @click="sort('name')" >
<div class="icon">
<img class="aplhabet" src="/assets/icons/alphabet.svg" size="17">
<alphabet-icon size="17" class="aplhabet-icon"/>
</div>
<div class="text-label">
{{$t('preview_sorting.sort_alphabet')}}
@@ -58,6 +58,7 @@
<script>
import { CalendarIcon, ListIcon, GridIcon, ArrowUpIcon, CheckIcon } from 'vue-feather-icons'
import AlphabetIcon from '@/components/FilesView/Icons/AlphabetIcon'
import { mapGetters } from 'vuex'
import { events } from '@/bus'
@@ -65,6 +66,7 @@
name:'SortingAndPreview',
components: {
CalendarIcon,
AlphabetIcon,
ArrowUpIcon,
CheckIcon,
ListIcon,
@@ -90,6 +92,7 @@
},
methods: {
sort (field) {
this.filter.field = field
// Set sorting direction
@@ -100,6 +103,7 @@
}
localStorage.setItem('sorting', JSON.stringify({sort: this.filter.sort , field: this.filter.field}))
this.$getDataByLocation()
},
changePreview(previewType) {
@@ -110,8 +114,8 @@
let sorting = JSON.parse(localStorage.getItem('sorting'))
this.filter.sort = sorting.sort
this.filter.field = sorting.field
this.filter.sort = sorting ? sorting.sort : undefined
this.filter.field = sorting ? sorting.field : undefined
events.$on('sortingAndPreview-open', () => {
this.isVisible = true
@@ -137,23 +141,19 @@
}
}
.filePreviewFixed {
position: fixed !important;
display: flex;
}
.menu-option {
display: flex;
.icon {
margin-right: 20px;
line-height: 0;
.alphabet {
svg {
fill: red !important;
stroke: red !important;
line-height: 0;
.aplhabet-icon {
/deep/line,
/deep/polyline {
stroke:$text ;
}
}
}
.text-label {
@@ -214,12 +214,12 @@
}
path,
line,
polyline,
/deep/line,
/deep/polyline,
rect,
circle,
polygon {
stroke: $theme;
stroke: $theme !important;
}
}
}
@@ -237,9 +237,18 @@
.menu-option {
color: $dark_mode_text_primary;
.icon {
.aplhabet-icon {
/deep/line,
/deep/polyline {
stroke:$dark_mode_text_primary ;
}
}
}
&:hover {
background: rgba($theme, 0.1);
}
}
}
}
}
@@ -20,6 +20,25 @@
<grid-icon v-if="source === 'th'" size="19"></grid-icon>
<link-icon v-if="source === 'share'" size="19"></link-icon>
<x-icon v-if="source === 'close'" size="19"></x-icon>
<svg v-if="source === 'preview-sorting'" size="19"
width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="VueFileManager" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g id="Storage-Alert-Copy" transform="translate(-1092.000000, -28.000000)" stroke="#000000" stroke-width="1.4">
<g id="Toolbar" transform="translate(331.000000, 19.000000)">
<g id="Tools" transform="translate(581.000000, 9.000000)">
<g id="sort-icon" transform="translate(181.000000, 1.000000)">
<rect id="Rectangle" x="9.77777778" y="0" width="6.22222222" height="6.22222222"></rect>
<rect id="Rectangle" x="9.77777778" y="9.77777778" width="6.22222222" height="6.22222222"></rect>
<line x1="0" y1="2" x2="6" y2="2" id="Path"></line>
<line x1="0" y1="8" x2="6" y2="8" id="Path"></line>
<line x1="0" y1="14" x2="6" y2="14" id="Path"></line>
</g>
</g>
</g>
</g>
</g>
</svg>
</button>
</template>
+2 -2
View File
@@ -308,10 +308,10 @@ const Helpers = {
return validated
}
Vue.prototype.$getDataByLocation = function() {
let previousFolder = store.getters.browseHistory
let previousFolder = store.getters.currentFolder
if(this.$isThisLocation('base')){
this.$store.dispatch('getFolder', [{folder: previousFolder, back: true, init: false}])
this.$store.dispatch('getFolder', [{folder: previousFolder, back: false, init: false}])
}
}
}