Format files with prettier

frontend/src/css/_buttons.css

@@ -1,14 +1,14 @@
 .button {
   outline: 0;
   border: 0;
-  padding: .5em 1em;
+  padding: 0.5em 1em;
-  border-radius: .1em;
+  border-radius: 0.1em;
   cursor: pointer;
   background: var(--blue);
   color: white;
   border: 1px solid rgba(0, 0, 0, 0.05);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
-  transition: .1s ease all;
+  transition: 0.1s ease all;
 }
 
 .button:hover {
@@ -50,6 +50,6 @@
 }
 
 .button[disabled] {
-  opacity: .5;
+  opacity: 0.5;
   cursor: not-allowed;
 }

frontend/src/css/_inputs.css

@@ -1,9 +1,9 @@
 .input {
-  border-radius: .1em;
+  border-radius: 0.1em;
-  padding: .5em 1em;
+  padding: 0.5em 1em;
   background: white;
   border: 1px solid rgba(0, 0, 0, 0.1);
-  transition: .2s ease all;
+  transition: 0.2s ease all;
   color: #333;
   margin: 0;
 }
@@ -14,7 +14,7 @@
 }
 
 .input--block {
-  margin-bottom: .5em;
+  margin-bottom: 0.5em;
   display: block;
   width: 100%;
 }

frontend/src/css/_share.css

@@ -12,7 +12,9 @@
 }
 
 .share__box {
-  box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
+  box-shadow:
+    rgba(0, 0, 0, 0.06) 0px 1px 3px,
+    rgba(0, 0, 0, 0.12) 0px 1px 2px;
   background: #fff;
   border-radius: 0.2em;
   margin: 5px;
@@ -76,7 +78,7 @@
 .share__wrong__password {
   background: var(--red);
   color: #fff;
-  padding: .5em;
+  padding: 0.5em;
   text-align: center;
-  animation: .2s opac forwards;
+  animation: 0.2s opac forwards;
 }

frontend/src/css/_shell.css

@@ -13,7 +13,7 @@
   font-size: 1rem;
   cursor: text;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-  transition: .2s ease transform;
+  transition: 0.2s ease transform;
 }
 
 body.rtl .shell {

frontend/src/css/_variables.css

@@ -1,8 +1,8 @@
 :root {
   --blue: #2196f3;
-  --dark-blue: #1E88E5;
+  --dark-blue: #1e88e5;
-  --red: #F44336;
+  --red: #f44336;
-  --dark-red: #D32F2F;
+  --dark-red: #d32f2f;
   --moon-grey: #f2f2f2;
 
   --icon-red: #da4453;

frontend/src/css/dashboard.css

@@ -4,7 +4,7 @@
 
 .dashboard .row {
   display: flex;
-  margin: 0 -.5em;
+  margin: 0 -0.5em;
   flex-wrap: wrap;
 }
 
@@ -14,7 +14,7 @@ body.rtl .dashboard .row {
 
 .dashboard .row .column {
   display: flex;
-  padding: 0 .5em;
+  padding: 0 0.5em;
   width: 50%;
 }
 
@@ -22,20 +22,20 @@ body.rtl .dashboard .row {
   flex-grow: 1;
 }
 
-@media(max-width: 1200px) {
+@media (max-width: 1200px) {
   .dashboard .row .column {
     width: 100%;
   }
 }
 
 a {
-  color: inherit
+  color: inherit;
 }
 
 .dashboard p label {
-  margin-bottom: .2em;
+  margin-bottom: 0.2em;
   display: block;
-  font-size: .8em;
+  font-size: 0.8em;
   font-weight: 500;
   color: rgba(0, 0, 0, 0.57);
 }
@@ -43,12 +43,12 @@ a {
 li code,
 p code {
   background: rgba(0, 0, 0, 0.05);
-  padding: .1em;
+  padding: 0.1em;
-  border-radius: .2em;
+  border-radius: 0.2em;
 }
 
 .small {
-  font-size: .8em;
+  font-size: 0.8em;
   line-height: 1.5;
 }
 
@@ -75,7 +75,7 @@ body.rtl #nav .wrapper {
   font-weight: 500;
   padding: 0;
   margin: 0 0 -2px 0;
-  font-size: .8em;
+  font-size: 0.8em;
   text-align: center;
   justify-content: left;
 }
@@ -85,8 +85,7 @@ body.rtl #nav .wrapper {
   padding: 1.5em 2em;
   white-space: nowrap;
   border-bottom: 2px solid transparent;
-  transition: .1s ease-in-out all;
+  transition: 0.1s ease-in-out all;
-
 }
 
 .dashboard #nav ul li:hover {
@@ -135,25 +134,25 @@ table th {
 
 table th,
 table td {
-  padding: .5em 0;
+  padding: 0.5em 0;
 }
 
 table td.small {
   width: 1em;
 }
 
-table tr>*:first-child {
+table tr > *:first-child {
   padding-left: 1em;
 }
 
-body.rtl table tr>* {
+body.rtl table tr > * {
   padding-left: unset;
   padding-right: 1em;
   text-align: right;
   direction: ltr;
 }
 
-table tr>*:last-child {
+table tr > *:last-child {
   padding-right: 1em;
 }
 
@@ -162,7 +161,10 @@ table tr>*:last-child {
   margin: 0 0 1rem 0;
   background-color: #fff;
   border-radius: 2px;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+  box-shadow:
+    0 2px 2px 0 rgba(0, 0, 0, 0.14),
+    0 1px 5px 0 rgba(0, 0, 0, 0.12),
+    0 3px 1px -2px rgba(0, 0, 0, 0.2);
   overflow: auto;
 }
 
@@ -175,14 +177,14 @@ table tr>*:last-child {
   max-width: 25em;
   width: 90%;
   max-height: 95%;
-  animation: .1s show forwards;
+  animation: 0.1s show forwards;
 }
 
-.card>*>*:first-child {
+.card > * > *:first-child {
   margin-top: 0;
 }
 
-.card>*>*:last-child {
+.card > * > *:last-child {
   margin-bottom: 0;
 }
 
@@ -191,24 +193,24 @@ table tr>*:last-child {
   display: flex;
 }
 
-.card .card-title>*:first-child {
+.card .card-title > *:first-child {
   margin-right: auto;
 }
 
-body.rtl .card .card-title>*:first-child {
+body.rtl .card .card-title > *:first-child {
   margin-right: 0;
   text-align: right;
 }
 
-.card>div {
+.card > div {
   padding: 1em 1em;
 }
 
-.card>div:first-child {
+.card > div:first-child {
   padding-top: 1.5em;
 }
 
-.card>div:last-child {
+.card > div:last-child {
   padding-bottom: 1.5em;
 }
 
@@ -273,24 +275,24 @@ body.rtl .card .card-title>*:first-child {
 
 .card#share ul li input,
 .card#share ul li select {
-  padding: .2em;
+  padding: 0.2em;
-  margin-right: .5em;
+  margin-right: 0.5em;
   border: 1px solid #dadada;
 }
 
 .card#share .action.copy-clipboard::after {
-  content: 'Copied!';
+  content: "Copied!";
   position: absolute;
   left: -25%;
   width: 150%;
-  font-size: .6em;
+  font-size: 0.6em;
   text-align: center;
   background: #44a6f5;
   color: #fff;
-  padding: .5em .2em;
+  padding: 0.5em 0.2em;
-  border-radius: .4em;
+  border-radius: 0.4em;
   top: -2em;
-  transition: .1s ease opacity;
+  transition: 0.1s ease opacity;
   opacity: 0;
 }
 
@@ -320,10 +322,9 @@ body.rtl .card .card-title>*:first-child {
   z-index: 9999;
   visibility: hidden;
   opacity: 0;
-  animation: .1s show forwards;
+  animation: 0.1s show forwards;
 }
 
-
 /* * * * * * * * * * * * * * * *
  *        PROMPT - MOVE        *
  * * * * * * * * * * * * * * * */
@@ -340,14 +341,14 @@ body.rtl .card .card-title>*:first-child {
 .file-list li {
   width: 100%;
   user-select: none;
-  border-radius: .2em;
+  border-radius: 0.2em;
-  padding: .3em;
+  padding: 0.3em;
 }
 
-.file-list li[aria-selected=true] {
+.file-list li[aria-selected="true"] {
   background: var(--blue) !important;
   color: #fff !important;
-  transition: .1s ease all;
+  transition: 0.1s ease all;
 }
 
 .file-list li:hover {
@@ -360,12 +361,12 @@ body.rtl .card .card-title>*:first-child {
   color: #6f6f6f;
   vertical-align: middle;
   line-height: 1.4;
-  font-family: 'Material Icons';
+  font-family: "Material Icons";
   font-size: 1.75em;
-  margin-right: .25em;
+  margin-right: 0.25em;
 }
 
-.file-list li[aria-selected=true]:before {
+.file-list li[aria-selected="true"]:before {
   color: white;
 }
 
@@ -395,11 +396,11 @@ body.rtl .card .card-title>*:first-child {
 }
 
 .collapsible {
-  border-top: 1px solid rgba(0,0,0,0.1);
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .collapsible:last-of-type {
-  border-bottom: 1px solid rgba(0,0,0,0.1);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .collapsible > input {
@@ -417,18 +418,18 @@ body.rtl .card .card-title>*:first-child {
 
 .collapsible > label * {
   margin: 0;
-  color: rgba(0,0,0,0.57);
+  color: rgba(0, 0, 0, 0.57);
 }
 
 .collapsible > label i {
-  transition: .2s ease transform;
+  transition: 0.2s ease transform;
   user-select: none;
 }
 
 .collapsible .collapse {
   max-height: 0;
   overflow: hidden;
-  transition: .2s ease all;
+  transition: 0.2s ease all;
 }
 
 .collapsible > input:checked ~ .collapse {
@@ -438,7 +439,7 @@ body.rtl .card .card-title>*:first-child {
 }
 
 .collapsible > input:checked ~ label i {
-  transform: rotate(180deg)
+  transform: rotate(180deg);
 }
 
 .card .collapsible {
@@ -469,7 +470,7 @@ body.rtl .card .card-title>*:first-child {
 }
 
 .card .card-action.full .action {
-  margin: 0 0.25em 0.50em;
+  margin: 0 0.25em 0.5em;
 }
 
 .card .card-action.full .action i {

frontend/src/css/header.css

@@ -37,7 +37,7 @@ header a:hover {
   color: inherit;
 }
 
-header>div:first-child>.action,
+header > div:first-child > .action,
 header img {
   margin-right: 1em;
 }
@@ -50,7 +50,7 @@ header .action span {
   display: none;
 }
 
-header>div div {
+header > div div {
   vertical-align: middle;
   position: relative;
 }
@@ -87,7 +87,7 @@ header .menu-button {
   height: 100%;
   padding: 0em 0.75em;
   border-radius: 0.3em;
-  transition: .1s ease all;
+  transition: 0.1s ease all;
   align-items: center;
   z-index: 2;
 }
@@ -99,7 +99,7 @@ header .menu-button {
   height: 4em;
 }
 
-#search.active>div {
+#search.active > div {
   border-radius: 0 !important;
 }
 
@@ -108,8 +108,8 @@ header .menu-button {
   color: #212121;
 }
 
-#search #input>.action,
+#search #input > .action,
-#search #input>i {
+#search #input > i {
   margin-right: 0.3em;
   user-select: none;
 }
@@ -129,7 +129,9 @@ header .menu-button {
   padding: 0;
   color: rgba(0, 0, 0, 0.6);
   height: 0;
-  transition: .1s ease height, .1s ease padding;
+  transition:
+    0.1s ease height,
+    0.1s ease padding;
   overflow-x: hidden;
   overflow-y: auto;
   z-index: 1;
@@ -139,7 +141,7 @@ body.rtl #search #result {
   direction: ltr;
 }
 
-#search #result>div>*:first-child {
+#search #result > div > *:first-child {
   margin-top: 0;
 }
 
@@ -149,13 +151,13 @@ body.rtl #search #result {
 }
 
 /*** RTL - Keep search result LTR because it has paths (in english) ***/
-body.rtl #search #result ul>* {
+body.rtl #search #result ul > * {
   direction: ltr;
   text-align: left;
 }
 
 #search.active #result {
-  padding: .5em;
+  padding: 0.5em;
   height: calc(100% - 4em);
 }
 
@@ -166,10 +168,10 @@ body.rtl #search #result ul>* {
 }
 
 #search li {
-  margin-bottom: .5em;
+  margin-bottom: 0.5em;
 }
 
-#search #result>div {
+#search #result > div {
   max-width: 45em;
   margin: 0 auto;
 }
@@ -190,7 +192,7 @@ body.rtl #search #result ul>* {
   color: #ccc;
 }
 
-#search.active #result>p>i {
+#search.active #result > p > i {
   text-align: center;
   margin: 0 auto;
   display: table;
@@ -199,29 +201,29 @@ body.rtl #search #result ul>* {
 #search.active #result ul li a {
   display: flex;
   align-items: center;
-  padding: .3em 0;
+  padding: 0.3em 0;
 }
 
 #search.active #result ul li a i {
-  margin-right: .3em;
+  margin-right: 0.3em;
 }
 
 #search::-webkit-input-placeholder {
-  color: rgba(255, 255, 255, .5);
+  color: rgba(255, 255, 255, 0.5);
 }
 
 #search:-moz-placeholder {
   opacity: 1;
-  color: rgba(255, 255, 255, .5);
+  color: rgba(255, 255, 255, 0.5);
 }
 
 #search::-moz-placeholder {
   opacity: 1;
-  color: rgba(255, 255, 255, .5);
+  color: rgba(255, 255, 255, 0.5);
 }
 
 #search:-ms-input-placeholder {
-  color: rgba(255, 255, 255, .5);
+  color: rgba(255, 255, 255, 0.5);
 }
 
 #search .boxes {
@@ -236,14 +238,14 @@ body.rtl #search #result ul>* {
   font-weight: 500;
   font-size: 1em;
   color: #212121;
-  padding: .5em;
+  padding: 0.5em;
 }
 
 body.rtl #search .boxes h3 {
   text-align: right;
 }
 
-#search .boxes>div {
+#search .boxes > div {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
@@ -251,7 +253,7 @@ body.rtl #search .boxes h3 {
   margin-bottom: -1em;
 }
 
-#search .boxes>div>div {
+#search .boxes > div > div {
   background: var(--blue);
   color: #fff;
   text-align: center;

frontend/src/css/listing-icons.css

@@ -2,30 +2,50 @@
 
 /* General */
 
-.file-icons [aria-label^="."] { opacity: 0.33 }
+.file-icons [aria-label^="."] {
-.file-icons [aria-label$=".bak"] { opacity: 0.33 }
+  opacity: 0.33;
+}
+.file-icons [aria-label$=".bak"] {
+  opacity: 0.33;
+}
 
-.file-icons [data-type=audio] i::before { content: 'volume_up' }
+.file-icons [data-type="audio"] i::before {
-.file-icons [data-type=blob] i::before { content: 'insert_drive_file' }
+  content: "volume_up";
-.file-icons [data-type=image] i::before { content: 'image' }
+}
-.file-icons [data-type=pdf] i::before { content: 'description' }
+.file-icons [data-type="blob"] i::before {
-.file-icons [data-type=text] i::before { content: 'description' }
+  content: "insert_drive_file";
-.file-icons [data-type=video] i::before { content: 'movie' }
+}
-.file-icons [data-type=invalid_link] i::before { content: 'link_off' }
+.file-icons [data-type="image"] i::before {
+  content: "image";
+}
+.file-icons [data-type="pdf"] i::before {
+  content: "description";
+}
+.file-icons [data-type="text"] i::before {
+  content: "description";
+}
+.file-icons [data-type="video"] i::before {
+  content: "movie";
+}
+.file-icons [data-type="invalid_link"] i::before {
+  content: "link_off";
+}
 
 /* #f90 - Image */
 
 .file-icons [aria-label$=".ai"] i::before,
 .file-icons [aria-label$=".odg"] i::before,
-.file-icons [aria-label$=".xcf"] i::before
+.file-icons [aria-label$=".xcf"] i::before {
-{ content: 'image' }
+  content: "image";
+}
 
 /* #f90 - Presentation */
 
 .file-icons [aria-label$=".odp"] i::before,
 .file-icons [aria-label$=".ppt"] i::before,
-.file-icons [aria-label$=".pptx"] i::before
+.file-icons [aria-label$=".pptx"] i::before {
-{ content: 'slideshow' }
+  content: "slideshow";
+}
 
 /* #0f0 - Spreadsheet/Database */
 
@@ -34,8 +54,9 @@
 .file-icons [aria-label$=".odb"] i::before,
 .file-icons [aria-label$=".ods"] i::before,
 .file-icons [aria-label$=".xls"] i::before,
-.file-icons [aria-label$=".xlsx"] i::before
+.file-icons [aria-label$=".xlsx"] i::before {
-{ content: 'border_all' }
+  content: "border_all";
+}
 
 /* #00f - Document */
 
@@ -43,8 +64,9 @@
 .file-icons [aria-label$=".docx"] i::before,
 .file-icons [aria-label$=".log"] i::before,
 .file-icons [aria-label$=".odt"] i::before,
-.file-icons [aria-label$=".rtf"] i::before
+.file-icons [aria-label$=".rtf"] i::before {
-{ content: 'description' }
+  content: "description";
+}
 
 /* #999 - Code */
 
@@ -65,8 +87,9 @@
 .file-icons [aria-label$=".rs"] i::before,
 .file-icons [aria-label$=".vue"] i::before,
 .file-icons [aria-label$=".xml"] i::before,
-.file-icons [aria-label$=".yml"] i::before
+.file-icons [aria-label$=".yml"] i::before {
-{ content: 'code' }
+  content: "code";
+}
 
 /* #999 - Executable */
 
@@ -75,16 +98,18 @@
 .file-icons [aria-label$=".exe"] i::before,
 .file-icons [aria-label$=".jar"] i::before,
 .file-icons [aria-label$=".ps1"] i::before,
-.file-icons [aria-label$=".sh"] i::before
+.file-icons [aria-label$=".sh"] i::before {
-{ content: 'web_asset' }
+  content: "web_asset";
+}
 
 /* #999 - Installer */
 
 .file-icons [aria-label$=".deb"] i::before,
 .file-icons [aria-label$=".msi"] i::before,
 .file-icons [aria-label$=".pkg"] i::before,
-.file-icons [aria-label$=".rpm"] i::before
+.file-icons [aria-label$=".rpm"] i::before {
-{ content: 'archive' }
+  content: "archive";
+}
 
 /* #999 - Compressed */
 
@@ -96,8 +121,9 @@
 .file-icons [aria-label$=".tar"] i::before,
 .file-icons [aria-label$=".xz"] i::before,
 .file-icons [aria-label$=".zip"] i::before,
-.file-icons [aria-label$=".zst"] i::before
+.file-icons [aria-label$=".zst"] i::before {
-{ content: 'folder_zip' }
+  content: "folder_zip";
+}
 
 /* #999 - Disk */
 
@@ -108,25 +134,35 @@
 .file-icons [aria-label$=".vdi"] i::before,
 .file-icons [aria-label$=".vhd"] i::before,
 .file-icons [aria-label$=".vmdk"] i::before,
-.file-icons [aria-label$=".wim"] i::before
+.file-icons [aria-label$=".wim"] i::before {
-{ content: 'album' }
+  content: "album";
+}
 
 /* #999 - Font */
 
 .file-icons [aria-label$=".otf"] i::before,
 .file-icons [aria-label$=".ttf"] i::before,
 .file-icons [aria-label$=".woff"] i::before,
-.file-icons [aria-label$=".woff2"] i::before
+.file-icons [aria-label$=".woff2"] i::before {
-{ content: 'font_download' }
+  content: "font_download";
+}
 
 /* Colors */
 
 /* General */
 
-.file-icons [data-type=audio] i  { color: var(--icon-yellow) }
+.file-icons [data-type="audio"] i {
-.file-icons [data-type=image] i { color: var(--icon-orange) }
+  color: var(--icon-yellow);
-.file-icons [data-type=video] i { color: var(--icon-violet) }
+}
-.file-icons [data-type=invalid_link] i { color: var(--icon-red) }
+.file-icons [data-type="image"] i {
+  color: var(--icon-orange);
+}
+.file-icons [data-type="video"] i {
+  color: var(--icon-violet);
+}
+.file-icons [data-type="invalid_link"] i {
+  color: var(--icon-red);
+}
 
 /* #f00 - Adobe/Oracle */
 
@@ -135,8 +171,9 @@
 .file-icons [aria-label$=".jar"] i,
 .file-icons [aria-label$=".psd"] i,
 .file-icons [aria-label$=".rb"] i,
-.file-icons [data-type=pdf] i
+.file-icons [data-type="pdf"] i {
-{ color: var(--icon-red) }
+  color: var(--icon-red);
+}
 
 /* #f90 - Image/Presentation */
 
@@ -146,16 +183,18 @@
 .file-icons [aria-label$=".ppt"] i,
 .file-icons [aria-label$=".pptx"] i,
 .file-icons [aria-label$=".vue"] i,
-.file-icons [aria-label$=".xcf"] i
+.file-icons [aria-label$=".xcf"] i {
-{ color: var(--icon-orange) }
+  color: var(--icon-orange);
+}
 
 /* #ff0 - Various */
 
 .file-icons [aria-label$=".css"] i,
 .file-icons [aria-label$=".js"] i,
 .file-icons [aria-label$=".json"] i,
-.file-icons [aria-label$=".zip"] i
+.file-icons [aria-label$=".zip"] i {
-{ color: var(--icon-yellow) }
+  color: var(--icon-yellow);
+}
 
 /* #0f0 - Spreadsheet/Google */
 
@@ -164,8 +203,9 @@
 .file-icons [aria-label$=".go"] i,
 .file-icons [aria-label$=".ods"] i,
 .file-icons [aria-label$=".xls"] i,
-.file-icons [aria-label$=".xlsx"] i
+.file-icons [aria-label$=".xlsx"] i {
-{ color: var(--icon-green) }
+  color: var(--icon-green);
+}
 
 /* #00f - Document/Microsoft/Apple/Closed */
 
@@ -188,18 +228,26 @@
 .file-icons [aria-label$=".ps1"] i,
 .file-icons [aria-label$=".rtf"] i,
 .file-icons [aria-label$=".vob"] i,
-.file-icons [aria-label$=".wim"] i
+.file-icons [aria-label$=".wim"] i {
-{ color: var(--icon-blue) }
+  color: var(--icon-blue);
+}
 
 /* #60f - Various */
 
 .file-icons [aria-label$=".iso"] i,
 .file-icons [aria-label$=".php"] i,
-.file-icons [aria-label$=".rar"] i
+.file-icons [aria-label$=".rar"] i {
-{ color: var(--icon-violet) }
+  color: var(--icon-violet);
+}
 
 /* Overrides */
 
-.file-icons [data-dir=true] i { color: var(--icon-blue) }
+.file-icons [data-dir="true"] i {
-.file-icons [data-dir=true] i::before { content: 'folder' }
+  color: var(--icon-blue);
-.file-icons [aria-selected=true] i { color: var(--item-selected) }
+}
+.file-icons [data-dir="true"] i::before {
+  content: "folder";
+}
+.file-icons [aria-selected="true"] i {
+  color: var(--item-selected);
+}

frontend/src/css/listing.css

@@ -8,7 +8,7 @@ body.rtl #listing {
 
 #listing h2 {
   margin: 0 0 0 0.5em;
-  font-size: .9em;
+  font-size: 0.9em;
   color: rgba(0, 0, 0, 0.38);
   font-weight: 500;
 }
@@ -18,7 +18,7 @@ body.rtl #listing {
   overflow: hidden;
 }
 
-#listing>div {
+#listing > div {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
@@ -30,7 +30,9 @@ body.rtl #listing {
   display: flex;
   flex-wrap: nowrap;
   color: #6f6f6f;
-  transition: .1s ease background, .1s ease opacity;
+  transition:
+    0.1s ease background,
+    0.1s ease opacity;
   align-items: center;
   cursor: pointer;
   user-select: none;
@@ -81,7 +83,7 @@ body.rtl #listing {
 
 .message i {
   font-size: 2.5em;
-  margin-bottom: .2em;
+  margin-bottom: 0.2em;
   display: block;
 }
 
@@ -92,14 +94,18 @@ body.rtl #listing {
 
 #listing.mosaic .item {
   width: calc(33% - 1em);
-  margin: .5em;
+  margin: 0.5em;
   padding: 0.5em;
   border-radius: 0.2em;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .12);
+  box-shadow:
+    0 1px 3px rgba(0, 0, 0, 0.06),
+    0 1px 2px rgba(0, 0, 0, 0.12);
 }
 
 #listing.mosaic .item:hover {
-  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24) !important;
+  box-shadow:
+    0 1px 3px rgba(0, 0, 0, 0.12),
+    0 1px 2px rgba(0, 0, 0, 0.24) !important;
 }
 
 #listing.mosaic .header {
@@ -127,7 +133,7 @@ body.rtl #listing {
   text-align: center;
 }
 
-#listing.mosaic.gallery .item[data-type=image] div:last-of-type {
+#listing.mosaic.gallery .item[data-type="image"] div:last-of-type {
   color: white;
   background: linear-gradient(#0000, #0009);
 }
@@ -168,7 +174,7 @@ body.rtl #listing {
   display: none;
 }
 
-#listing .item[aria-selected=true] {
+#listing .item[aria-selected="true"] {
   background: var(--blue) !important;
   color: var(--item-selected) !important;
 }
@@ -208,19 +214,19 @@ body.rtl #listing {
 #listing.list .header i {
   font-size: 1.5em;
   vertical-align: middle;
-  margin-left: .2em;
+  margin-left: 0.2em;
 }
 
 #listing.list .item.header {
   display: flex !important;
   background: #fafafa;
   z-index: 999;
-  padding: .85em;
+  padding: 0.85em;
   border: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
-#listing.list .item.header>div:first-child {
+#listing.list .item.header > div:first-child {
   width: 0;
 }
 
@@ -232,7 +238,7 @@ body.rtl #listing {
   color: inherit;
 }
 
-#listing.list .item.header>div:first-child {
+#listing.list .item.header > div:first-child {
   width: 0;
 }
 
@@ -250,7 +256,7 @@ body.rtl #listing {
 
 #listing.list .header i {
   opacity: 0;
-  transition: .1s ease all;
+  transition: 0.1s ease all;
 }
 
 #listing.list .header p:hover i,
@@ -272,7 +278,7 @@ body.rtl #listing {
   height: 4em;
   padding: 0.5em 0.5em 0.5em 1em;
   justify-content: space-between;
-  transition: .2s ease bottom;
+  transition: 0.2s ease bottom;
 }
 
 #listing #multiple-selection.active {

frontend/src/css/login.css

@@ -17,7 +17,7 @@
 #login h1 {
   text-align: center;
   font-size: 2.5em;
-  margin: .4em 0 .67em;
+  margin: 0.4em 0 0.67em;
 }
 
 #login form {
@@ -34,15 +34,15 @@
 }
 
 #login #recaptcha {
-  margin: .5em 0 0;
+  margin: 0.5em 0 0;
 }
 
 #login .wrong {
   background: var(--red);
   color: #fff;
-  padding: .5em;
+  padding: 0.5em;
   text-align: center;
-  animation: .2s opac forwards;
+  animation: 0.2s opac forwards;
 }
 
 @keyframes opac {
@@ -61,5 +61,5 @@
   text-transform: lowercase;
   font-weight: 500;
   font-size: 0.9rem;
-  margin: .5rem 0;
+  margin: 0.5rem 0;
 }

frontend/src/css/mobile.css

@@ -1,6 +1,6 @@
 @media (max-width: 1024px) {
   nav {
-    width: 10em
+    width: 10em;
   }
   /* Mobile Only fix div hidden by bottom navigation bar of mobile browser when using height: 100vh */
   #previewer .preview {
@@ -10,7 +10,7 @@
 
 @media (max-width: 1024px) {
   main {
-    width: calc(100% - 13em)
+    width: calc(100% - 13em);
   }
 }
 
@@ -25,7 +25,7 @@
     width: 60%;
   }
   #more {
-    display: inherit
+    display: inherit;
   }
   header .overlay {
     width: 100%;
@@ -40,7 +40,7 @@
     background-color: #fff;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     transform: scale(0);
-    transition: .1s ease-in-out transform;
+    transition: 0.1s ease-in-out transform;
     transform-origin: top right;
     z-index: 99999;
   }
@@ -65,7 +65,7 @@
   }
   #dropdown .action span:not(.counter) {
     display: inline-block;
-    padding: .4em;
+    padding: 0.4em;
   }
   #dropdown .counter {
     left: 2.25em;
@@ -78,7 +78,9 @@
     display: flex;
     align-items: center;
     background: #fff;
-    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px, rgba(0, 0, 0, 0.12) 0px 1px 2px;
+    box-shadow:
+      rgba(0, 0, 0, 0.06) 0px 1px 3px,
+      rgba(0, 0, 0, 0.12) 0px 1px 2px;
     width: 95%;
     max-width: 20em;
     z-index: 1;
@@ -103,7 +105,7 @@
     height: 100%;
     width: 16em;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-    transition: .1s ease left;
+    transition: 0.1s ease left;
     left: -17em;
   }
 

frontend/src/i18n/ar.json

@@ -96,7 +96,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/i18n/es.json

@@ -102,7 +102,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "Swedish (Sweden)",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/i18n/fr.json

@@ -102,7 +102,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
@@ -181,7 +181,7 @@
     "brandingHelp": "Vous pouvez personnaliser l'apparence de votre instance de File Browser en changeant son nom, en remplaçant le logo, en ajoutant des styles personnalisés et même en désactivant les liens externes vers GitHub.\nPour plus d'informations sur la personnalisation de l'image de marque, veuillez consulter la {0}.",
     "changePassword": "Modifier le mot de passe",
     "commandRunner": "Command runner",
-    "commandRunnerHelp" : "Ici, vous pouvez définir les commandes qui sont exécutées pour les événements nommés précédemments. Vous devez en écrire une par ligne. Les variables d'environnement {0} et {1} seront disponibles, {0} étant relatif à {1}. Pour plus d'informations sur cette fonctionnalité et les variables d'environnement disponibles, veuillez lire la {2}.",
+    "commandRunnerHelp": "Ici, vous pouvez définir les commandes qui sont exécutées pour les événements nommés précédemments. Vous devez en écrire une par ligne. Les variables d'environnement {0} et {1} seront disponibles, {0} étant relatif à {1}. Pour plus d'informations sur cette fonctionnalité et les variables d'environnement disponibles, veuillez lire la {2}.",
     "commandsUpdated": "Commandes mises à jour !",
     "createUserDir": "Créer automatiquement un dossier pour l'utilisateur",
     "customStylesheet": "Feuille de style personnalisée",

frontend/src/i18n/is.json

@@ -96,7 +96,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/i18n/it.json

@@ -96,7 +96,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/i18n/ja.json

@@ -96,7 +96,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/i18n/ko.json

@@ -96,7 +96,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/i18n/nl-be.json

@@ -96,7 +96,7 @@
     "ru": "Russisch",
     "sk": "Slovenčina",
     "svSE": "",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "Chinees (vereenvoudigd)",
     "zhTW": "Chinees (traditioneel)"

frontend/src/i18n/pl.json

@@ -96,7 +96,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "Svenska (Sverige)",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"
@@ -147,7 +147,6 @@
     "size": "Rozmiar",
     "upload": "Prześlij",
     "uploadMessage": "Proszę wybrać metodę przesyłania"
-
   },
   "search": {
     "images": "Zdjęcia",

frontend/src/i18n/pt-br.json

@@ -102,7 +102,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/i18n/pt.json

@@ -96,7 +96,7 @@
     "ru": "Russo",
     "sk": "Slovenčina",
     "svSE": "",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "Chinês simplificado",
     "zhTW": "Chinês tradicional"

frontend/src/i18n/ro.json

@@ -96,7 +96,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/i18n/ru.json

@@ -102,7 +102,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "Swedish (Sweden)",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/i18n/sk.json

@@ -102,7 +102,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "Swedish (Sweden)",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/i18n/sv-se.json

@@ -96,7 +96,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/i18n/tr.json

@@ -100,7 +100,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "Swedish (Sweden)",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/i18n/zh-cn.json

@@ -102,7 +102,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "Swedish（Sweden）",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文（简体）",
     "zhTW": "中文（繁體）"

frontend/src/i18n/zh-tw.json

@@ -96,7 +96,7 @@
     "ru": "Русский",
     "sk": "Slovenčina",
     "svSE": "Swedish（Sweden）",
-    "tr" : "Türkçe",
+    "tr": "Türkçe",
     "ua": "Українська",
     "zhCN": "中文 (简体)",
     "zhTW": "中文 (繁體)"

frontend/src/utils/buttons.js

@@ -2,7 +2,7 @@ function loading(button) {
   let el = document.querySelector(`#${button}-button > i`);
 
   if (el === undefined || el === null) {
-    console.log('Error getting button ' + button) // eslint-disable-line
+    console.log("Error getting button " + button); // eslint-disable-line
     return;
   }
 
@@ -24,7 +24,7 @@ function done(button) {
   let el = document.querySelector(`#${button}-button > i`);
 
   if (el === undefined || el === null) {
-    console.log('Error getting button ' + button) // eslint-disable-line
+    console.log("Error getting button " + button); // eslint-disable-line
     return;
   }
 
@@ -41,7 +41,7 @@ function success(button) {
   let el = document.querySelector(`#${button}-button > i`);
 
   if (el === undefined || el === null) {
-    console.log('Error getting button ' + button) // eslint-disable-line
+    console.log("Error getting button " + button); // eslint-disable-line
     return;
   }