Bump sass from 1.52.1 to 1.56.1

Bumps [sass](https://github.com/sass/dart-sass) from 1.52.1 to 1.56.1. - [Release notes](https://github.com/sass/dart-sass/releases) - [Changelog](https://github.com/sass/dart-sass/blob/main/CHANGELOG.md) - [Commits](https://github.com/sass/dart-sass/compare/1.52.1...1.56.1) --- updated-dependencies: - dependency-name: sass dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
2 years ago · 06b68e2300
parent f95aa23356
commit 06b68e2300
30 changed files with 95 additions and 242 deletions
--- a/apps/files/css/detailsView.css
+++ b/apps/files/css/detailsView.css
@ -28,14 +28,12 @@

 .app-sidebar .thumbnailContainer.large {
  margin-left: -15px;
-  margin-right: -35px;
-  /* 15 + 20 for the close button */
+  margin-right: -35px; /* 15 + 20 for the close button */
  margin-top: -15px;
 }

 .app-sidebar .thumbnailContainer.large.portrait {
-  margin: 0;
-  /* if we don't fit the image anyway we give it back the margin */
+  margin: 0; /* if we don't fit the image anyway we give it back the margin */
 }

 .app-sidebar .large .thumbnail {
@ -52,8 +50,7 @@
 .app-sidebar .large .thumbnail .stretcher {
  content: "";
  display: block;
-  padding-bottom: 56.25%;
-  /* sets height of .thumbnail to 9/16 of the width */
+  padding-bottom: 56.25%; /* sets height of .thumbnail to 9/16 of the width */
 }

 .app-sidebar .large.portrait .thumbnail {
@ -95,8 +92,7 @@
 }

 .app-sidebar .fileName h3 {
-  width: calc(100% - 42px);
-  /* 36px is the with of the copy link icon, but this breaks so we add some more to be sure */
+  width: calc(100% - 42px); /* 36px is the with of the copy link icon, but this breaks so we add some more to be sure */
  display: inline-block;
  padding: 5px 0;
  margin: -5px 0;
--- a/apps/files/css/detailsView.css.map
+++ b/apps/files/css/detailsView.css.map
@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["detailsView.scss"],"names":[],"mappings":"AAAA;EACC;EACA;;;AAGD;EACC;;;AAID;EACC;EACA;;;AAGD;EACC;EACA;EACA;;AAEA;EAEC;;;AAGF;EACC;EACA;;;AAGD;EACC;EACA;AAAqB;EACrB;;;AAGD;EACC;AAAW;;;AAGZ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;AAAwB;;;AAGzB;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;AAA0B;EAC1B;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"detailsView.css"}
+{"version":3,"sourceRoot":"","sources":["detailsView.scss"],"names":[],"mappings":"AAAA;EACC;EACA;;;AAGD;EACC;;;AAID;EACC;EACA;;;AAGD;EACC;EACA;EACA;;AAEA;EAEC;;;AAGF;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"detailsView.css"}
--- a/apps/files/css/files.css
+++ b/apps/files/css/files.css
@ -378,8 +378,7 @@ table td {

 table th.column-name {
  position: relative;
-  width: 9999px;
-  /* not really sure why this works better than 100% … table styling */
+  width: 9999px; /* not really sure why this works better than 100% … table styling */
  padding: 0;
 }

@ -437,8 +436,7 @@ table.multiselect thead th {

 table.multiselect .column-name {
  position: relative;
-  width: 9999px;
-  /* when we use 100%, the styling breaks on mobile … table styling */
+  width: 9999px; /* when we use 100%, the styling breaks on mobile … table styling */
 }

 table.multiselect .column-mtime > a {
@ -455,8 +453,7 @@ table td.fileaction {
 table td.filename a.name,
 table td.filename p.name {
  display: flex;
-  position: relative;
-  /* Firefox needs to explicitly have this default set … */
+  position: relative; /* Firefox needs to explicitly have this default set … */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
@ -934,8 +931,7 @@ table.dragshadow td.size {
  padding: 0;
  margin: 0;
  background-color: var(--color-main-background-translucent);
-  z-index: 62;
-  /* must be above the filelist sticky header and texteditor menubar */
+  z-index: 62; /* must be above the filelist sticky header and texteditor menubar */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
--- a/apps/files/css/files.css.map
+++ b/apps/files/css/files.css.map
--- a/apps/files/css/merged.css
+++ b/apps/files/css/merged.css
@ -378,8 +378,7 @@ table td {

 table th.column-name {
  position: relative;
-  width: 9999px;
-  /* not really sure why this works better than 100% … table styling */
+  width: 9999px; /* not really sure why this works better than 100% … table styling */
  padding: 0;
 }

@ -437,8 +436,7 @@ table.multiselect thead th {

 table.multiselect .column-name {
  position: relative;
-  width: 9999px;
-  /* when we use 100%, the styling breaks on mobile … table styling */
+  width: 9999px; /* when we use 100%, the styling breaks on mobile … table styling */
 }

 table.multiselect .column-mtime > a {
@ -455,8 +453,7 @@ table td.fileaction {
 table td.filename a.name,
 table td.filename p.name {
  display: flex;
-  position: relative;
-  /* Firefox needs to explicitly have this default set … */
+  position: relative; /* Firefox needs to explicitly have this default set … */
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
@ -934,8 +931,7 @@ table.dragshadow td.size {
  padding: 0;
  margin: 0;
  background-color: var(--color-main-background-translucent);
-  z-index: 62;
-  /* must be above the filelist sticky header and texteditor menubar */
+  z-index: 62; /* must be above the filelist sticky header and texteditor menubar */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
@ -1356,8 +1352,7 @@ table.dragshadow td.size {
  box-sizing: border-box;
  height: 36px;
  width: 39px;
-  padding: 0 !important;
-  /* override default control bar button padding */
+  padding: 0 !important; /* override default control bar button padding */
  margin-left: 3px;
  overflow: hidden;
  vertical-align: top;
@ -1642,32 +1637,26 @@ table.dragshadow td.size {
  .app-files #app-content.dir-drop {
    background-color: rgb(255, 255, 255) !important;
  }
-
  table th.column-size,
-table td.filesize,
-table th.column-mtime,
-table td.date {
+  table td.filesize,
+  table th.column-mtime,
+  table td.date {
    display: none;
  }
-
  /* remove padding to let border bottom fill the whole width*/
  table td {
    padding: 0;
  }
-
  /* remove shift for multiselect bar to account for missing navigation */
  table.multiselect thead {
    padding-left: 0;
  }
-
  .fileList a.action.action-menu img {
    padding-left: 0;
  }
-
  .fileList .fileActionsMenu {
    margin-right: 6px;
  }
-
  /* hide text of the share action on mobile */
  /* .hidden-visually for accessbility */
  .fileList a.action-share span:not(.icon):not(.avatar) {
@ -1678,21 +1667,17 @@ table td.date {
    height: 1px;
    overflow: hidden;
  }
-
  /* shorten elements for mobile */
  #uploadprogressbar, #uploadprogressbar .label.inner {
    width: 50px;
  }
-
  /* hide desktop-only parts */
  #uploadprogressbar .desktop {
    display: none !important;
  }
-
  #uploadprogressbar .mobile {
    display: block !important;
  }
-
  /* ensure that it is visible over #app-content */
  table.dragshadow {
    z-index: 1000;
@ -1703,16 +1688,13 @@ table td.date {
  table th .selectedActions {
    float: right;
  }
-
  table th .selectedActions > a span:not(.icon) {
    display: none;
  }
-
  /* Increase touch area for the icons */
  table th .selectedActions a {
    padding: 17px 14px;
  }
-
  /* Remove the margin to reduce the overlap between the name and the icons */
  table.multiselect th .columntitle.name {
    margin-left: 0;
@ -1748,14 +1730,12 @@ table td.date {

 .app-sidebar .thumbnailContainer.large {
  margin-left: -15px;
-  margin-right: -35px;
-  /* 15 + 20 for the close button */
+  margin-right: -35px; /* 15 + 20 for the close button */
  margin-top: -15px;
 }

 .app-sidebar .thumbnailContainer.large.portrait {
-  margin: 0;
-  /* if we don't fit the image anyway we give it back the margin */
+  margin: 0; /* if we don't fit the image anyway we give it back the margin */
 }

 .app-sidebar .large .thumbnail {
@ -1772,8 +1752,7 @@ table td.date {
 .app-sidebar .large .thumbnail .stretcher {
  content: "";
  display: block;
-  padding-bottom: 56.25%;
-  /* sets height of .thumbnail to 9/16 of the width */
+  padding-bottom: 56.25%; /* sets height of .thumbnail to 9/16 of the width */
 }

 .app-sidebar .large.portrait .thumbnail {
@ -1815,8 +1794,7 @@ table td.date {
 }

 .app-sidebar .fileName h3 {
-  width: calc(100% - 42px);
-  /* 36px is the with of the copy link icon, but this breaks so we add some more to be sure */
+  width: calc(100% - 42px); /* 36px is the with of the copy link icon, but this breaks so we add some more to be sure */
  display: inline-block;
  padding: 5px 0;
  margin: -5px 0;
--- a/apps/files/css/merged.css.map
+++ b/apps/files/css/merged.css.map
--- a/apps/files/css/mobile.css
+++ b/apps/files/css/mobile.css
@ -27,32 +27,26 @@
  .app-files #app-content.dir-drop {
    background-color: rgb(255, 255, 255) !important;
  }
-
  table th.column-size,
-table td.filesize,
-table th.column-mtime,
-table td.date {
+  table td.filesize,
+  table th.column-mtime,
+  table td.date {
    display: none;
  }
-
  /* remove padding to let border bottom fill the whole width*/
  table td {
    padding: 0;
  }
-
  /* remove shift for multiselect bar to account for missing navigation */
  table.multiselect thead {
    padding-left: 0;
  }
-
  .fileList a.action.action-menu img {
    padding-left: 0;
  }
-
  .fileList .fileActionsMenu {
    margin-right: 6px;
  }
-
  /* hide text of the share action on mobile */
  /* .hidden-visually for accessbility */
  .fileList a.action-share span:not(.icon):not(.avatar) {
@ -63,21 +57,17 @@ table td.date {
    height: 1px;
    overflow: hidden;
  }
-
  /* shorten elements for mobile */
  #uploadprogressbar, #uploadprogressbar .label.inner {
    width: 50px;
  }
-
  /* hide desktop-only parts */
  #uploadprogressbar .desktop {
    display: none !important;
  }
-
  #uploadprogressbar .mobile {
    display: block !important;
  }
-
  /* ensure that it is visible over #app-content */
  table.dragshadow {
    z-index: 1000;
@ -88,16 +78,13 @@ table td.date {
  table th .selectedActions {
    float: right;
  }
-
  table th .selectedActions > a span:not(.icon) {
    display: none;
  }
-
  /* Increase touch area for the icons */
  table th .selectedActions a {
    padding: 17px 14px;
  }
-
  /* Remove the margin to reduce the overlap between the name and the icons */
  table.multiselect th .columntitle.name {
    margin-left: 0;
--- a/apps/files/css/mobile.css.map
+++ b/apps/files/css/mobile.css.map
@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAAA;AAAA;AAIA;EAEA;IACC;;;EAGD;AAAA;AAAA;AAAA;IAIC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;;;EAGD;IACC;;;EAGD;IACC;;;AAED;AACA;EACA;IACC;IACA;IACA;IACA;IACA;IACA;;;AAID;EACA;IACC;;;AAED;EACA;IACC;;;EAED;IACC;;;AAGD;EACA;IACC;;;AAID;AACC;EACA;IACC;;;EAED;IACC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC","file":"mobile.css"}
+{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAAA;AAAA;AAIA;EAEA;IACC;;EAGD;AAAA;AAAA;AAAA;IAIC;;AAGD;EACA;IACC;;AAGD;EACA;IACC;;EAGD;IACC;;EAGD;IACC;;AAED;AACA;EACA;IACC;IACA;IACA;IACA;IACA;IACA;;AAID;EACA;IACC;;AAED;EACA;IACC;;EAED;IACC;;AAGD;EACA;IACC;;;AAID;AACC;EACA;IACC;;EAED;IACC;;AAGD;EACA;IACC;;AAGD;EACA;IACC","file":"mobile.css"}
--- a/apps/files/css/upload.css
+++ b/apps/files/css/upload.css
@ -2,8 +2,7 @@
  box-sizing: border-box;
  height: 36px;
  width: 39px;
-  padding: 0 !important;
-  /* override default control bar button padding */
+  padding: 0 !important; /* override default control bar button padding */
  margin-left: 3px;
  overflow: hidden;
  vertical-align: top;
--- a/apps/files/css/upload.css.map
+++ b/apps/files/css/upload.css.map
@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["upload.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;AAAuB;EACvB;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EAAsB;;;AACtB;EAAoB;EAAgB;EAAY;EAAU;EAAW;EAAgB;;;AAErF;EACC;;;AAGD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAGD;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;EACL;IAAO","file":"upload.css"}
+{"version":3,"sourceRoot":"","sources":["upload.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EAAsB;;;AACtB;EAAoB;EAAgB;EAAY;EAAU;EAAW;EAAgB;;;AAErF;EACC;;;AAGD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAGD;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;;;AAGD;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;EACL;IAAO;;;AAET;EACE;IAAK;;EACL;IAAO","file":"upload.css"}
--- a/apps/files_sharing/css/mobile.css
+++ b/apps/files_sharing/css/mobile.css
@ -25,41 +25,34 @@
  #header.share-file {
    position: absolute !important;
  }
-
  /* hide size and date columns */
  table th.column-size,
-table td.filesize,
-table th.column-mtime,
-table td.date {
+  table td.filesize,
+  table th.column-mtime,
+  table td.date {
    display: none;
  }
-
  /* restrict length of displayed filename to prevent overflow */
  table td.filename .nametext {
    max-width: 75% !important;
  }
-
  /* on mobile, show single shared image at full width without margin */
  #imgframe {
    width: 100%;
    padding: 0;
  }
-
  /* some margin for the file type icon */
  #imgframe .publicpreview {
    margin-top: 32px;
  }
-
  /* some padding for better clickability */
  .files-fileList a.action img {
    padding: 0 6px 0 12px;
  }
-
  /* hide text of the actions on mobile */
  .files-fileList a.action:not(.menuitem) span {
    display: none;
  }
-
  /* ellipsis on file names */
  .nametext {
    width: 60%;
@ -67,16 +60,13 @@ table td.date {
    overflow: hidden;
    text-overflow: ellipsis;
  }
-
  #header .menutoggle {
    padding-right: 14px;
    background-position: center;
  }
-
  .note {
    padding: 0 20px;
  }
-
  .emptycontent {
    margin-top: 10vh;
  }
--- a/apps/files_sharing/css/mobile.css.map
+++ b/apps/files_sharing/css/mobile.css.map
@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAEA;EACA;IACC;;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;IACA;;;AAED;EACA;IACC;;;AAGD;EACA;IACC;;;AAED;EACA;IACC;;;AAGD;EACA;IACC;IACA;IACA;IACA;;;EAGD;IACI;IACA;;;EAEJ;IACC;;;EAGD;IACC","file":"mobile.css"}
+{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAEA;EACA;IACC;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;AAGD;EACA;IACC;;AAGD;EACA;IACC;IACA;;AAED;EACA;IACC;;AAGD;EACA;IACC;;AAED;EACA;IACC;;AAGD;EACA;IACC;IACA;IACA;IACA;;EAGD;IACI;IACA;;EAEJ;IACC;;EAGD;IACC","file":"mobile.css"}
--- a/apps/files_sharing/css/publicView.css
+++ b/apps/files_sharing/css/publicView.css
@ -294,41 +294,34 @@ thead {
  #header.share-file {
    position: absolute !important;
  }
-
  /* hide size and date columns */
  table th.column-size,
-table td.filesize,
-table th.column-mtime,
-table td.date {
+  table td.filesize,
+  table th.column-mtime,
+  table td.date {
    display: none;
  }
-
  /* restrict length of displayed filename to prevent overflow */
  table td.filename .nametext {
    max-width: 75% !important;
  }
-
  /* on mobile, show single shared image at full width without margin */
  #imgframe {
    width: 100%;
    padding: 0;
  }
-
  /* some margin for the file type icon */
  #imgframe .publicpreview {
    margin-top: 32px;
  }
-
  /* some padding for better clickability */
  .files-fileList a.action img {
    padding: 0 6px 0 12px;
  }
-
  /* hide text of the actions on mobile */
  .files-fileList a.action:not(.menuitem) span {
    display: none;
  }
-
  /* ellipsis on file names */
  .nametext {
    width: 60%;
@ -336,16 +329,13 @@ table td.date {
    overflow: hidden;
    text-overflow: ellipsis;
  }
-
  #header .menutoggle {
    padding-right: 14px;
    background-position: center;
  }
-
  .note {
    padding: 0 20px;
  }
-
  .emptycontent {
    margin-top: 10vh;
  }
--- a/apps/files_sharing/css/publicView.css.map
+++ b/apps/files_sharing/css/publicView.css.map
@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","public.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACMA;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACI;;;AAGJ;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EAEI;;;AAGJ;EACI;;;AAGJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAID;EACC;;;AAGD;AACA;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;EACC;;;AAED;AAAA;AAAA;EAGC;EACA;;;AAED;AAAA;AAAA;AAGC;EACA;;;AAGD;EACC;;;AAIA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;AACA;EACC;EACA;;;AAIF;EACC;EACA;;;AAKD;EAII;IACC;;;AAQL;EAGG;IACC;;;ADzQJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AEEA;AAEA;EACA;IACC;;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;IACA;;;AAED;EACA;IACC;;;AAGD;EACA;IACC;;;AAED;EACA;IACC;;;AAGD;EACA;IACC;IACA;IACA;IACA;;;EAGD;IACI;IACA;;;EAEJ;IACC;;;EAGD;IACC","file":"publicView.css"}
+{"version":3,"sourceRoot":"","sources":["../../../core/css/variables.scss","public.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACMA;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACI;;;AAGJ;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EAEI;;;AAGJ;EACI;;;AAGJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAID;EACC;;;AAGD;AACA;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;EACC;;;AAED;AAAA;AAAA;EAGC;EACA;;;AAED;AAAA;AAAA;AAGC;EACA;;;AAGD;EACC;;;AAIA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;AACA;EACC;EACA;;;AAIF;EACC;EACA;;;AAKD;EAII;IACC;;;AAQL;EAGG;IACC;;;ADzQJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AEEA;AAEA;EACA;IACC;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;AAGD;EACA;IACC;;AAGD;EACA;IACC;IACA;;AAED;EACA;IACC;;AAGD;EACA;IACC;;AAED;EACA;IACC;;AAGD;EACA;IACC;IACA;IACA;IACA;;EAGD;IACI;IACA;;EAEJ;IACC;;EAGD;IACC","file":"publicView.css"}
--- a/apps/settings/css/settings.css
+++ b/apps/settings/css/settings.css
@ -686,7 +686,6 @@ span.version {
  .store .section {
    width: 25%;
  }
-
  .with-app-sidebar .store .section {
    width: 33%;
  }
@ -695,7 +694,6 @@ span.version {
  .store .section {
    width: 25%;
  }
-
  .with-app-sidebar .store .section {
    width: 33%;
  }
@ -704,7 +702,6 @@ span.version {
  .store .section {
    width: 33%;
  }
-
  .with-app-sidebar .store .section {
    width: 50%;
  }
@ -713,7 +710,6 @@ span.version {
  .store .section {
    width: 50%;
  }
-
  .with-app-sidebar .store .section {
    width: 100%;
  }
@ -1273,8 +1269,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
  position: sticky;
  align-self: normal;
  background-color: var(--color-main-background);
-  z-index: 100;
-  /* above multiselect */
+  z-index: 100; /* above multiselect */
  top: 0;
 }
 #body-settings #app-content.user-list-grid .row#grid-header.sticky {
--- a/apps/settings/css/settings.css.map
+++ b/apps/settings/css/settings.css.map
--- a/core/css/apps.css
+++ b/core/css/apps.css
@ -331,8 +331,7 @@ kbd {
  background-color: var(--color-primary-light);
 }
 #app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small:after {
-  left: 22px;
-  /* 44px / 2 */
+  left: 22px; /* 44px / 2 */
 }
 #app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-deleted {
  /* margin to keep active indicator visible */
@ -380,8 +379,7 @@ kbd {
  border-radius: var(--border-radius-pill);
  color: var(--color-main-text);
  flex: 1 1 0px;
-  z-index: 100;
-  /* above the bullet to allow click*/
+  z-index: 100; /* above the bullet to allow click*/
  /* TODO: forbid using img as icon in menu? */
  /* counter can also be inside the link */
 }
@ -555,8 +553,7 @@ kbd {
  text-align: right;
  font-size: 9pt;
  line-height: 44px;
-  padding: 0 12px;
-  /* Same padding as all li > a in the app-navigation */
+  padding: 0 12px; /* Same padding as all li > a in the app-navigation */
 }
 #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted {
  padding: 0;
@ -572,8 +569,7 @@ kbd {
  padding-left: 5px;
  padding-right: 5px;
  display: block;
-  width: calc(100% - 1px);
-  /* Avoid border overlapping */
+  width: calc(100% - 1px); /* Avoid border overlapping */
  transition: opacity 250ms ease-in-out;
  opacity: 0;
  position: absolute;
@ -596,8 +592,7 @@ kbd {
 }
 #app-navigation:not(.vue) .app-navigation-entry-edit input[type=text] {
  width: 100%;
-  min-width: 0;
-  /* firefox hack: override auto */
+  min-width: 0; /* firefox hack: override auto */
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
 }
@ -646,8 +641,7 @@ kbd {
 }
 #app-navigation:not(.vue) .app-navigation-entry-edit,
 #app-navigation:not(.vue) .app-navigation-entry-deleted {
-  width: calc(100% - 1px);
-  /* Avoid border overlapping */
+  width: calc(100% - 1px); /* Avoid border overlapping */
  transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, z-index 250ms ease-in-out;
  position: absolute;
  left: 0;
@ -689,11 +683,9 @@ kbd {
    border-top-left-radius: var(--border-radius-large);
    border-top-right-radius: var(--border-radius-large);
  }
-
  #app-navigation {
    border-top-left-radius: var(--border-radius-large);
  }
-
  #app-sidebar {
    border-top-right-radius: var(--border-radius-large);
  }
@ -1100,8 +1092,7 @@ kbd {
 .popovermenu li > .menuitem span[class*=" icon-"],
 .popovermenu li > .menuitem[class^=icon-],
 .popovermenu li > .menuitem[class*=" icon-"] {
-  min-width: 0;
-  /* Overwrite icons*/
+  min-width: 0; /* Overwrite icons*/
  min-height: 0;
  background-position: 14px center;
  background-size: 16px;
@ -1408,8 +1399,7 @@ kbd {
 .popovermenu li > a input,
 .popovermenu li > .menuitem input {
  min-width: 44px;
-  max-height: 40px;
-  /* twice the element margin-y */
+  max-height: 40px; /* twice the element margin-y */
  margin: 2px 0;
  flex: 1 1 auto;
 }
--- a/core/css/apps.css.map
+++ b/core/css/apps.css.map
--- a/core/css/header.css
+++ b/core/css/header.css
@ -267,8 +267,7 @@
  /* User menu on the right */
 }
 #settings #expand {
-  opacity: 1;
-  /* override icon opacity */
+  opacity: 1; /* override icon opacity */
  margin-right: 12px;
  /* Profile picture in header */
  /* show triangle below user menu if active */
--- a/core/css/header.css.map
+++ b/core/css/header.css.map
@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["variables.scss","header.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AACA;AAAA;EAEC;EACA;EACA;;AACA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;AAIF;AACA;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA,QDoEe;ECnEf;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AASF;AACC;AAqIA;;AAlIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAfD;EACA;EAgBC;EACA,KDyBc;ECxBd;EACA;AAMA;AAmBA;;AAvBA;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EAEC;EAzCF;EACA;;AA6CC;EACC;EACA;EACA;EACA;;AAEC;EACC;EACA;EACA;EACA,QAlDuB;EAmDvB;EACA;EACA;EACA;EACA;EACA;;AACA;EAEC;;AAED;EAEC;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;AAAA;EAEC;EACA;EACA;EACA;EACA;;AAML;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGD;EACC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAKA;AAAA;EAEC;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA,ODzGY;EC0GZ;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACC;;AAGD;AAAA;EACC;;;AAOL;AAEA;EACC;;;AAGD;AACA;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;AAEA;;AACA;EACC;AAAY;EACZ;AAqBA;AA2BA;;AA9CA;EAGC;;AAEA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;AAED;EACC;;AAED;EACC;;AAKF;EACC;EACA;EACA;AAMA;;AAJA;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;AAEA;;AACA;EACC;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;;AAIF;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,KDtPc;;;AC2PhB;AAGC;AAAA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;EAEC;EACA;EACA","file":"header.css"}
+{"version":3,"sourceRoot":"","sources":["variables.scss","header.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA;AACA;AAAA;EAEC;EACA;EACA;;AACA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;AAIF;AACA;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA,QDoEe;ECnEf;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AASF;AACC;AAqIA;;AAlIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EAfD;EACA;EAgBC;EACA,KDyBc;ECxBd;EACA;AAMA;AAmBA;;AAvBA;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EAEC;EAzCF;EACA;;AA6CC;EACC;EACA;EACA;EACA;;AAEC;EACC;EACA;EACA;EACA,QAlDuB;EAmDvB;EACA;EACA;EACA;EACA;EACA;;AACA;EAEC;;AAED;EAEC;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;AAAA;EAEC;EACA;EACA;EACA;EACA;;AAML;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGD;EACC;EACA;EACA;;AAGD;AAAA;EAEC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAKA;AAAA;EAEC;EACA;;AACA;AAAA;EACC;EACA;EACA;EACA,ODzGY;EC0GZ;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACC;;AAGD;AAAA;EACC;;;AAOL;AAEA;EACC;;;AAGD;AACA;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;AAEA;;AACA;EACC;EACA;AAqBA;AA2BA;;AA9CA;EAGC;;AAEA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;AAED;EACC;;AAED;EACC;;AAKF;EACC;EACA;EACA;AAMA;;AAJA;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;AAEA;;AACA;EACC;;AAKF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;;;AAIF;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,KDtPc;;;AC2PhB;AAGC;AAAA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;EAEC;EACA;EACA","file":"header.css"}
--- a/core/css/inputs.css
+++ b/core/css/inputs.css
@ -521,8 +521,7 @@ input[type=checkbox].radio:checked + label:before, input[type=checkbox].radio.ch
 }
 input[type=checkbox].radio:disabled + label:before, input[type=checkbox].checkbox:disabled + label:before, input[type=radio].radio:disabled + label:before, input[type=radio].checkbox:disabled + label:before {
  border: 1px solid var(--color-text-lighter);
-  background-color: var(--color-text-maxcontrast) !important;
-  /* override other status */
+  background-color: var(--color-text-maxcontrast) !important; /* override other status */
 }
 input[type=checkbox].radio:checked:disabled + label:before, input[type=checkbox].checkbox:checked:disabled + label:before, input[type=radio].radio:checked:disabled + label:before, input[type=radio].checkbox:checked:disabled + label:before {
  background-color: var(--color-text-maxcontrast);
@ -559,30 +558,24 @@ input[type=checkbox].radio--white:checked + label:before, input[type=checkbox].c
  border-color: #dbdbdb;
 }
 input[type=checkbox].radio--white:disabled + label:before, input[type=checkbox].checkbox--white:disabled + label:before, input[type=radio].radio--white:disabled + label:before, input[type=radio].checkbox--white:disabled + label:before {
-  background-color: #bababa !important;
-  /* override other status */
-  border-color: rgba(255, 255, 255, 0.4) !important;
-  /* override other status */
+  background-color: #bababa !important; /* override other status */
+  border-color: rgba(255, 255, 255, 0.4) !important; /* override other status */
 }
 input[type=checkbox].radio--white:checked:disabled + label:before, input[type=checkbox].checkbox--white:checked:disabled + label:before, input[type=radio].radio--white:checked:disabled + label:before, input[type=radio].checkbox--white:checked:disabled + label:before {
  box-shadow: inset 0px 0px 0px 2px var(--color-main-background);
-  border-color: rgba(255, 255, 255, 0.4) !important;
-  /* override other status */
+  border-color: rgba(255, 255, 255, 0.4) !important; /* override other status */
  background-color: #bababa;
 }
 input[type=checkbox].checkbox--white:checked + label:before, input[type=checkbox].checkbox--white:indeterminate + label:before, input[type=radio].checkbox--white:checked + label:before, input[type=radio].checkbox--white:indeterminate + label:before {
-  background-color: transparent !important;
-  /* Override default checked */
-  border-color: #fff !important;
-  /* Override default checked */
+  background-color: transparent !important; /* Override default checked */
+  border-color: #fff !important; /* Override default checked */
  background-image: url("../img/actions/checkbox-mark-white.svg");
 }
 input[type=checkbox].checkbox--white:indeterminate + label:before, input[type=radio].checkbox--white:indeterminate + label:before {
  background-image: url("../img/actions/checkbox-mixed-white.svg");
 }
 input[type=checkbox].checkbox--white:disabled + label:before, input[type=radio].checkbox--white:disabled + label:before {
-  opacity: 0.7;
-  /* No other choice for white background image */
+  opacity: 0.7; /* No other choice for white background image */
 }

 /* Select2 overriding. Merged to core with vendor stylesheet */
--- a/core/css/inputs.css.map
+++ b/core/css/inputs.css.map
@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["variables.scss","inputs.scss","functions.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ADlCC;AACD;EACC;;;AAED;EACC;;;AAED;EACI;;;AAKJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA,YAVgB;EAWhB;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAMA;EACI;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA8BA;;AA5BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGD;AACA;AAcC;AAAA;;AAbA;EACC;EACA;EAEA,QAjIe;;AAmIhB;EAIC;EACA;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;;;AAIF;AACA;AAAA;AAAA;AAAA;AAAA;EAKC;EACA;EACA;EACA,YArKgB;EAsKhB;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;AAAA;AAAA;AAAA;EAIC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;;;AAKA;AAAA;EACC;;AAIA;AAAA;EACC;;;AAKH;AACA;AAAA;AAAA;AAAA;EAIC;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;AAID;AACC;;AACA;EAEC;EACA;EACA;;;AAKH;AAEC;AAuBC;;AApBA;EACC;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA,QAlRc;EAmRd,OAnRc;EAoRd;EACA;EACA;;AACA;EACC;ACpPH;EAEA;;AD0PG;EACC;;AAID;EAGC;EACA;;AACA;EACC;;AAQH;EACC;EACA;AACA;EACA;;;AAOJ;AACA;AAAA;EAEC;;;AAED;AAAA;EAEC;;;AAGD;AAKC;AA8EC;;AA5EA;EAEC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;;AAED;EACC;EACA;EACA,QAxBkB;EAyBlB,OAzBkB;EA0BlB;EACA;EACA;EACA;;AAED;EAEC;;AAED;EACC;EACA;EACA;EACA;;AAED;AAEA;AAAA;EAEC;EACA;EACA;;AAED;EACC;EACA;AAA4D;;AAE7D;EACC;;AAID;EACC;EACA;;AAED;EACC,eA/DkB;;AAmEnB;EACC;EACA,QArEkB;EAsElB,OAtEkB;EAuElB;EACA;;AAED;EACC;;AAED;EACC;;AAOD;EAEC;;AAED;EACC,cAzFyB;;AA2F1B;EACC;EACA;EACA;;AAED;EACC;AAAuE;EACvE;AAAiE;;AAElE;EACC;EACA;AAAiE;EACjE;;AAID;EAEC;AAA0C;EAC1C;AAAsD;EACtD;;AAED;EACC;;AAED;EACC;AAAc;;;AAMlB;AACA;EACC;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;EACA;;AAIH;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;;AAGF;EACE;EACA;;;AAMH;AAAA;AAAA;AAAA;EAEC;;;AAID;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AACA;EAIC;EACA;EACA;EACA;;AAED;EACC;;AAGF;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAKJ;EACC;;AACA;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;EACA;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;AAGF;EAGC;;AAED;EACC;;;AAKH;AACA;EACC;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAIH;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAED;EACC;EACA;;AACA;EACC;;;AAOL;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;;AAED;EACC;;AAGF;EACC;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;;AAIF;AACA;EACC;IAEC;;EAED;IAEC;;EAED;IAGC;;EAED;IAEC;;;AAGF;EACC;EACA;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACG","file":"inputs.css"}
+{"version":3,"sourceRoot":"","sources":["variables.scss","inputs.scss","functions.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ADlCC;AACD;EACC;;;AAED;EACC;;;AAED;EACI;;;AAKJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA,YAVgB;EAWhB;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAMA;EACI;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA8BA;;AA5BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGD;AACA;AAcC;AAAA;;AAbA;EACC;EACA;EAEA,QAjIe;;AAmIhB;EAIC;EACA;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;;;AAIF;AACA;AAAA;AAAA;AAAA;AAAA;EAKC;EACA;EACA;EACA,YArKgB;EAsKhB;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;AAAA;AAAA;AAAA;EAIC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;;;AAKA;AAAA;EACC;;AAIA;AAAA;EACC;;;AAKH;AACA;AAAA;AAAA;AAAA;EAIC;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;AAID;AACC;;AACA;EAEC;EACA;EACA;;;AAKH;AAEC;AAuBC;;AApBA;EACC;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA,QAlRc;EAmRd,OAnRc;EAoRd;EACA;EACA;;AACA;EACC;ACpPH;EAEA;;AD0PG;EACC;;AAID;EAGC;EACA;;AACA;EACC;;AAQH;EACC;EACA;AACA;EACA;;;AAOJ;AACA;AAAA;EAEC;;;AAED;AAAA;EAEC;;;AAGD;AAKC;AA8EC;;AA5EA;EAEC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;;AAED;EACC;EACA;EACA,QAxBkB;EAyBlB,OAzBkB;EA0BlB;EACA;EACA;EACA;;AAED;EAEC;;AAED;EACC;EACA;EACA;EACA;;AAED;AAEA;AAAA;EAEC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;;AAID;EACC;EACA;;AAED;EACC,eA/DkB;;AAmEnB;EACC;EACA,QArEkB;EAsElB,OAtEkB;EAuElB;EACA;;AAED;EACC;;AAED;EACC;;AAOD;EAEC;;AAED;EACC,cAzFyB;;AA2F1B;EACC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;;AAID;EAEC;EACA;EACA;;AAED;EACC;;AAED;EACC;;;AAMJ;AACA;EACC;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;EACA;;AAIH;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;;AAGF;EACE;EACA;;;AAMH;AAAA;AAAA;AAAA;EAEC;;;AAID;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AACA;EAIC;EACA;EACA;EACA;;AAED;EACC;;AAGF;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAKJ;EACC;;AACA;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;EACA;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;AAGF;EAGC;;AAED;EACC;;;AAKH;AACA;EACC;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAIH;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAED;EACC;EACA;;AACA;EACC;;;AAOL;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;;AAED;EACC;;AAGF;EACC;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;;AAIF;AACA;EACC;IAEC;;EAED;IAEC;;EAED;IAGC;;EAED;IAEC;;;AAGF;EACC;EACA;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACG","file":"inputs.css"}
--- a/core/css/mobile.css
+++ b/core/css/mobile.css
@ -26,39 +26,32 @@
    margin-right: 10% !important;
    width: 80% !important;
  }
-
  /* fix name autocomplete not showing on mobile */
  .ui-autocomplete {
    z-index: 1000 !important;
  }
-
  /* fix error display on smaller screens */
  .error-wide {
    width: 100%;
    margin-left: 0 !important;
    box-sizing: border-box;
  }
-
  /* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/
  #app-navigation:not(.vue) {
    transform: translateX(-300px);
    position: fixed;
    height: var(--body-height);
  }
-
  .snapjs-left #app-navigation {
    transform: translateX(0);
  }
-
  #app-navigation:not(.hidden) + #app-content {
    margin-left: 0;
  }
-
  .skip-navigation.skip-content {
    left: 3px;
    margin-left: 0;
  }
-
  /* full width for message list on mobile */
  .app-content-list {
    background: var(--color-main-background);
@ -75,7 +68,6 @@
  .app-content-list.showdetails + .app-content-details {
    display: initial;
  }
-
  /* Show app details page */
  #app-content.showdetails #app-navigation-toggle {
    transform: translateX(-44px);
@ -96,7 +88,6 @@
  #app-content.showdetails .app-content-list {
    transform: translateX(-100%);
  }
-
  #app-navigation-toggle {
    position: fixed;
    display: inline-block !important;
@ -107,55 +98,44 @@
    cursor: pointer;
    opacity: 0.6;
  }
-
  #app-navigation-toggle:hover,
-#app-navigation-toggle:focus {
+  #app-navigation-toggle:focus {
    opacity: 1;
  }
-
  /* position controls for apps with app-navigation */
  #app-navigation + #app-content .files-controls {
    padding-left: 44px;
  }
-
  /* .viewer-mode is when text editor, PDF viewer, etc is open */
  #body-user .app-files.viewer-mode .files-controls {
    padding-left: 0 !important;
  }
-
  .app-files.viewer-mode #app-navigation-toggle {
    display: none !important;
  }
-
  table.multiselect thead {
    left: 0 !important;
  }
-
  /* prevent overflow in user management controls bar */
  #usersearchform {
    display: none;
  }
-
  #body-settings .files-controls {
    min-width: 1024px !important;
  }
-
  /* do not show dates in filepicker */
  #oc-dialog-filepicker-content .filelist .column-size,
-#oc-dialog-filepicker-content .filelist .column-mtime,
-#oc-dialog-filepicker-content .filelist .filesize,
-#oc-dialog-filepicker-content .filelist .date {
+  #oc-dialog-filepicker-content .filelist .column-mtime,
+  #oc-dialog-filepicker-content .filelist .filesize,
+  #oc-dialog-filepicker-content .filelist .date {
    display: none;
  }
-
  #oc-dialog-filepicker-content .filelist .filename {
    max-width: 100%;
  }
-
  .snapjs-left table.multiselect thead {
    top: 44px;
  }
-
  /* end of media query */
 }
@media only screen and (max-width: 480px) {
@ -166,7 +146,6 @@
  #header .header-right > div > .menu::after {
    display: none !important;
  }
-
  /* Arrow directly child of menutoggle */
  #header .header-right > div {
    /* settings need a different offset, since they have a right padding */
--- a/core/css/mobile.css.map
+++ b/core/css/mobile.css.map
@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAEC;EACA;IACC;IACA;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;IACA;IACA;;;AAGD;EACA;IACC;IACA;IACA;;;EAGA;IACC;;;EAIF;IACC;;;EAGD;IACC;IACA;;;AAGD;EACA;IACC;IACA;IAEA;IAEA;;EACA;IACC;;EAED;IACC;;EACA;IACC;;;AAKH;EAEC;IACC;;EAED;IACC;IACA;IACA,KDoCa;ICnCb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAED;IACC;;;EAKF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAED;AAAA;IAEC;;;AAGD;EACA;IACC;;;AAGD;EACA;IACC;;;EAED;IACC;;;EAGD;IACC;;;AAGD;EACA;IACC;;;EAED;IACC;;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;;EAED;IACC;;;EAGD;IACC;;;AAGD;;AAGD;EACC;IACC;IACA;;EACA;IACC;;;AAGF;EACA;AAoBC;;EAlBC;IACC;;EAGF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAID;IACC","file":"mobile.css"}
+{"version":3,"sourceRoot":"","sources":["variables.scss","mobile.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACEA;AAEC;EACA;IACC;IACA;;AAGD;EACA;IACC;;AAGD;EACA;IACC;IACA;IACA;;AAGD;EACA;IACC;IACA;IACA;;EAGA;IACC;;EAIF;IACC;;EAGD;IACC;IACA;;AAGD;EACA;IACC;IACA;IAEA;IAEA;;EACA;IACC;;EAED;IACC;;EACA;IACC;;AAKH;EAEC;IACC;;EAED;IACC;IACA;IACA,KDoCa;ICnCb;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAED;IACC;;EAKF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAED;AAAA;IAEC;;AAGD;EACA;IACC;;AAGD;EACA;IACC;;EAED;IACC;;EAGD;IACC;;AAGD;EACA;IACC;;EAED;IACC;;AAGD;EACA;AAAA;AAAA;AAAA;IAIC;;EAED;IACC;;EAGD;IACC;;AAGD;;AAGD;EACC;IACC;IACA;;EACA;IACC;;AAGF;EACA;AAoBC;;EAlBC;IACC;;EAGF;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAID;IACC","file":"mobile.css"}
--- a/core/css/server.css
+++ b/core/css/server.css
@ -1653,8 +1653,7 @@ input[type=checkbox].radio:checked + label:before, input[type=checkbox].radio.ch
 }
 input[type=checkbox].radio:disabled + label:before, input[type=checkbox].checkbox:disabled + label:before, input[type=radio].radio:disabled + label:before, input[type=radio].checkbox:disabled + label:before {
  border: 1px solid var(--color-text-lighter);
-  background-color: var(--color-text-maxcontrast) !important;
-  /* override other status */
+  background-color: var(--color-text-maxcontrast) !important; /* override other status */
 }
 input[type=checkbox].radio:checked:disabled + label:before, input[type=checkbox].checkbox:checked:disabled + label:before, input[type=radio].radio:checked:disabled + label:before, input[type=radio].checkbox:checked:disabled + label:before {
  background-color: var(--color-text-maxcontrast);
@ -1691,30 +1690,24 @@ input[type=checkbox].radio--white:checked + label:before, input[type=checkbox].c
  border-color: #dbdbdb;
 }
 input[type=checkbox].radio--white:disabled + label:before, input[type=checkbox].checkbox--white:disabled + label:before, input[type=radio].radio--white:disabled + label:before, input[type=radio].checkbox--white:disabled + label:before {
-  background-color: #bababa !important;
-  /* override other status */
-  border-color: rgba(255, 255, 255, 0.4) !important;
-  /* override other status */
+  background-color: #bababa !important; /* override other status */
+  border-color: rgba(255, 255, 255, 0.4) !important; /* override other status */
 }
 input[type=checkbox].radio--white:checked:disabled + label:before, input[type=checkbox].checkbox--white:checked:disabled + label:before, input[type=radio].radio--white:checked:disabled + label:before, input[type=radio].checkbox--white:checked:disabled + label:before {
  box-shadow: inset 0px 0px 0px 2px var(--color-main-background);
-  border-color: rgba(255, 255, 255, 0.4) !important;
-  /* override other status */
+  border-color: rgba(255, 255, 255, 0.4) !important; /* override other status */
  background-color: #bababa;
 }
 input[type=checkbox].checkbox--white:checked + label:before, input[type=checkbox].checkbox--white:indeterminate + label:before, input[type=radio].checkbox--white:checked + label:before, input[type=radio].checkbox--white:indeterminate + label:before {
-  background-color: transparent !important;
-  /* Override default checked */
-  border-color: #fff !important;
-  /* Override default checked */
+  background-color: transparent !important; /* Override default checked */
+  border-color: #fff !important; /* Override default checked */
  background-image: url("../img/actions/checkbox-mark-white.svg");
 }
 input[type=checkbox].checkbox--white:indeterminate + label:before, input[type=radio].checkbox--white:indeterminate + label:before {
  background-image: url("../img/actions/checkbox-mixed-white.svg");
 }
 input[type=checkbox].checkbox--white:disabled + label:before, input[type=radio].checkbox--white:disabled + label:before {
-  opacity: 0.7;
-  /* No other choice for white background image */
+  opacity: 0.7; /* No other choice for white background image */
 }

 /* Select2 overriding. Merged to core with vendor stylesheet */
@ -2287,8 +2280,7 @@ label.infield {
  /* User menu on the right */
 }
 #settings #expand {
-  opacity: 1;
-  /* override icon opacity */
+  opacity: 1; /* override icon opacity */
  margin-right: 12px;
  /* Profile picture in header */
  /* show triangle below user menu if active */
@ -2913,8 +2905,7 @@ kbd {
  background-color: var(--color-primary-light);
 }
 #app-navigation:not(.vue) > ul > li > ul > li.icon-loading-small:after {
-  left: 22px;
-  /* 44px / 2 */
+  left: 22px; /* 44px / 2 */
 }
 #app-navigation:not(.vue) > ul > li > ul > li > .app-navigation-entry-deleted {
  /* margin to keep active indicator visible */
@ -2962,8 +2953,7 @@ kbd {
  border-radius: var(--border-radius-pill);
  color: var(--color-main-text);
  flex: 1 1 0px;
-  z-index: 100;
-  /* above the bullet to allow click*/
+  z-index: 100; /* above the bullet to allow click*/
  /* TODO: forbid using img as icon in menu? */
  /* counter can also be inside the link */
 }
@ -3137,8 +3127,7 @@ kbd {
  text-align: right;
  font-size: 9pt;
  line-height: 44px;
-  padding: 0 12px;
-  /* Same padding as all li > a in the app-navigation */
+  padding: 0 12px; /* Same padding as all li > a in the app-navigation */
 }
 #app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-counter.highlighted {
  padding: 0;
@ -3154,8 +3143,7 @@ kbd {
  padding-left: 5px;
  padding-right: 5px;
  display: block;
-  width: calc(100% - 1px);
-  /* Avoid border overlapping */
+  width: calc(100% - 1px); /* Avoid border overlapping */
  transition: opacity 250ms ease-in-out;
  opacity: 0;
  position: absolute;
@ -3178,8 +3166,7 @@ kbd {
 }
 #app-navigation:not(.vue) .app-navigation-entry-edit input[type=text] {
  width: 100%;
-  min-width: 0;
-  /* firefox hack: override auto */
+  min-width: 0; /* firefox hack: override auto */
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
 }
@ -3228,8 +3215,7 @@ kbd {
 }
 #app-navigation:not(.vue) .app-navigation-entry-edit,
 #app-navigation:not(.vue) .app-navigation-entry-deleted {
-  width: calc(100% - 1px);
-  /* Avoid border overlapping */
+  width: calc(100% - 1px); /* Avoid border overlapping */
  transition: transform 250ms ease-in-out, opacity 250ms ease-in-out, z-index 250ms ease-in-out;
  position: absolute;
  left: 0;
@ -3271,11 +3257,9 @@ kbd {
    border-top-left-radius: var(--border-radius-large);
    border-top-right-radius: var(--border-radius-large);
  }
-
  #app-navigation {
    border-top-left-radius: var(--border-radius-large);
  }
-
  #app-sidebar {
    border-top-right-radius: var(--border-radius-large);
  }
@ -3682,8 +3666,7 @@ kbd {
 .popovermenu li > .menuitem span[class*=" icon-"],
 .popovermenu li > .menuitem[class^=icon-],
 .popovermenu li > .menuitem[class*=" icon-"] {
-  min-width: 0;
-  /* Overwrite icons*/
+  min-width: 0; /* Overwrite icons*/
  min-height: 0;
  background-position: 14px center;
  background-size: 16px;
@ -3990,8 +3973,7 @@ kbd {
 .popovermenu li > a input,
 .popovermenu li > .menuitem input {
  min-width: 44px;
-  max-height: 40px;
-  /* twice the element margin-y */
+  max-height: 40px; /* twice the element margin-y */
  margin: 2px 0;
  flex: 1 1 auto;
 }
@ -4309,39 +4291,32 @@ kbd {
    margin-right: 10% !important;
    width: 80% !important;
  }
-
  /* fix name autocomplete not showing on mobile */
  .ui-autocomplete {
    z-index: 1000 !important;
  }
-
  /* fix error display on smaller screens */
  .error-wide {
    width: 100%;
    margin-left: 0 !important;
    box-sizing: border-box;
  }
-
  /* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/
  #app-navigation:not(.vue) {
    transform: translateX(-300px);
    position: fixed;
    height: var(--body-height);
  }
-
  .snapjs-left #app-navigation {
    transform: translateX(0);
  }
-
  #app-navigation:not(.hidden) + #app-content {
    margin-left: 0;
  }
-
  .skip-navigation.skip-content {
    left: 3px;
    margin-left: 0;
  }
-
  /* full width for message list on mobile */
  .app-content-list {
    background: var(--color-main-background);
@ -4358,7 +4333,6 @@ kbd {
  .app-content-list.showdetails + .app-content-details {
    display: initial;
  }
-
  /* Show app details page */
  #app-content.showdetails #app-navigation-toggle {
    transform: translateX(-44px);
@ -4379,7 +4353,6 @@ kbd {
  #app-content.showdetails .app-content-list {
    transform: translateX(-100%);
  }
-
  #app-navigation-toggle {
    position: fixed;
    display: inline-block !important;
@ -4390,55 +4363,44 @@ kbd {
    cursor: pointer;
    opacity: 0.6;
  }
-
  #app-navigation-toggle:hover,
-#app-navigation-toggle:focus {
+  #app-navigation-toggle:focus {
    opacity: 1;
  }
-
  /* position controls for apps with app-navigation */
  #app-navigation + #app-content .files-controls {
    padding-left: 44px;
  }
-
  /* .viewer-mode is when text editor, PDF viewer, etc is open */
  #body-user .app-files.viewer-mode .files-controls {
    padding-left: 0 !important;
  }
-
  .app-files.viewer-mode #app-navigation-toggle {
    display: none !important;
  }
-
  table.multiselect thead {
    left: 0 !important;
  }
-
  /* prevent overflow in user management controls bar */
  #usersearchform {
    display: none;
  }
-
  #body-settings .files-controls {
    min-width: 1024px !important;
  }
-
  /* do not show dates in filepicker */
  #oc-dialog-filepicker-content .filelist .column-size,
-#oc-dialog-filepicker-content .filelist .column-mtime,
-#oc-dialog-filepicker-content .filelist .filesize,
-#oc-dialog-filepicker-content .filelist .date {
+  #oc-dialog-filepicker-content .filelist .column-mtime,
+  #oc-dialog-filepicker-content .filelist .filesize,
+  #oc-dialog-filepicker-content .filelist .date {
    display: none;
  }
-
  #oc-dialog-filepicker-content .filelist .filename {
    max-width: 100%;
  }
-
  .snapjs-left table.multiselect thead {
    top: 44px;
  }
-
  /* end of media query */
 }
@media only screen and (max-width: 480px) {
@ -4449,7 +4411,6 @@ kbd {
  #header .header-right > div > .menu::after {
    display: none !important;
  }
-
  /* Arrow directly child of menutoggle */
  #header .header-right > div {
    /* settings need a different offset, since they have a right padding */
--- a/core/css/server.css.map
+++ b/core/css/server.css.map
--- a/dist/workflowengine-workflowengine.js
+++ b/dist/workflowengine-workflowengine.js
--- a/dist/workflowengine-workflowengine.js.map
+++ b/dist/workflowengine-workflowengine.js.map
--- a/package-lock.json
+++ b/package-lock.json
@ -131,7 +131,7 @@
        "karma-viewport": "^1.0.9",
        "puppeteer": "^15.5.0",
        "regextras": "^0.8.0",
-        "sass": "^1.52.1",
+        "sass": "^1.56.1",
        "sass-loader": "^13.2.0",
        "sinon": "<= 5.0.7",
        "style-loader": "^3.3.1",
@ -20255,9 +20255,9 @@
      "dev": true
    },
    "node_modules/sass": {
-      "version": "1.52.1",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.52.1.tgz",
-      "integrity": "sha512-fSzYTbr7z8oQnVJ3Acp9hV80dM1fkMN7mSD/25mpcct9F7FPBMOI8krEYALgU1aZoqGhQNhTPsuSmxjnIvAm4Q==",
+      "version": "1.56.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.56.1.tgz",
+      "integrity": "sha512-VpEyKpyBPCxE7qGDtOcdJ6fFbcpOM+Emu7uZLxVrkX8KVU/Dp5UF7WLvzqRuUhB6mqqQt1xffLoG+AndxTZrCQ==",
      "dev": true,
      "dependencies": {
        "chokidar": ">=3.0.0 <4.0.0",
@ -39255,9 +39255,9 @@
      "dev": true
    },
    "sass": {
-      "version": "1.52.1",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.52.1.tgz",
-      "integrity": "sha512-fSzYTbr7z8oQnVJ3Acp9hV80dM1fkMN7mSD/25mpcct9F7FPBMOI8krEYALgU1aZoqGhQNhTPsuSmxjnIvAm4Q==",
+      "version": "1.56.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.56.1.tgz",
+      "integrity": "sha512-VpEyKpyBPCxE7qGDtOcdJ6fFbcpOM+Emu7uZLxVrkX8KVU/Dp5UF7WLvzqRuUhB6mqqQt1xffLoG+AndxTZrCQ==",
      "dev": true,
      "requires": {
        "chokidar": ">=3.0.0 <4.0.0",
--- a/package.json
+++ b/package.json
@ -154,7 +154,7 @@
    "karma-viewport": "^1.0.9",
    "puppeteer": "^15.5.0",
    "regextras": "^0.8.0",
-    "sass": "^1.52.1",
+    "sass": "^1.56.1",
    "sass-loader": "^13.2.0",
    "sinon": "<= 5.0.7",
    "style-loader": "^3.3.1",