@nextcloud/vue 8.11.2 → 8.12.0

package/dist/assets/{NcActionInput-8F2WF3yH.css → NcActionInput-B8l22cnm.css}

@@ -1,4 +1,28 @@
 @charset "UTF-8";
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-3706febe] {
   display: flex;
   align-self: center;
@@ -27,6 +51,12 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+/**
+ * color-text-lighter		normal state
+ * color-text-lighter		active state
+ * color-text-maxcontrast 	disabled state
+ */
+/* Default global values */
 button[data-v-3706febe]:not(.button-vue),
 input[data-v-3706febe]:not([type=range]),
 textarea[data-v-3706febe] {
@@ -39,16 +69,16 @@ textarea[data-v-3706febe] {
   outline: none;
   background-color: var(--color-main-background);
   font-size: 13px;
+  /* Primary action button, use sparingly */
 }
-button[data-v-3706febe]:not(.button-vue):not(:disabled):not(.primary):hover,
-button[data-v-3706febe]:not(.button-vue):not(:disabled):not(.primary):focus,
-button:not(.button-vue):not(:disabled):not(.primary).active[data-v-3706febe],
+button[data-v-3706febe]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-3706febe]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-3706febe],
 input[data-v-3706febe]:not([type=range]):not(:disabled):not(.primary):hover,
 input[data-v-3706febe]:not([type=range]):not(:disabled):not(.primary):focus,
 input:not([type=range]):not(:disabled):not(.primary).active[data-v-3706febe],
 textarea[data-v-3706febe]:not(:disabled):not(.primary):hover,
 textarea[data-v-3706febe]:not(:disabled):not(.primary):focus,
 textarea:not(:disabled):not(.primary).active[data-v-3706febe] {
+  /* active class used for multiselect */
   border-color: var(--color-primary-element);
   outline: none;
 }
@@ -63,7 +93,7 @@ button[data-v-3706febe]:not(.button-vue):disabled,
 input[data-v-3706febe]:not([type=range]):disabled,
 textarea[data-v-3706febe]:disabled {
   cursor: default;
-  opacity: .5;
+  opacity: 0.5;
   color: var(--color-text-maxcontrast);
   background-color: var(--color-background-dark);
 }
@@ -86,9 +116,7 @@ textarea.primary[data-v-3706febe] {
   border-color: var(--color-primary-element);
   background-color: var(--color-primary-element);
 }
-button:not(.button-vue).primary[data-v-3706febe]:not(:disabled):hover,
-button:not(.button-vue).primary[data-v-3706febe]:not(:disabled):focus,
-button:not(.button-vue).primary[data-v-3706febe]:not(:disabled):active,
+button:not(.button-vue).primary[data-v-3706febe]:not(:disabled):hover, button:not(.button-vue).primary[data-v-3706febe]:not(:disabled):focus, button:not(.button-vue).primary[data-v-3706febe]:not(:disabled):active,
 input:not([type=range]).primary[data-v-3706febe]:not(:disabled):hover,
 input:not([type=range]).primary[data-v-3706febe]:not(:disabled):focus,
 input:not([type=range]).primary[data-v-3706febe]:not(:disabled):active,
@@ -139,12 +167,11 @@ li.action.active[data-v-3706febe] {
 }
 .action--disabled[data-v-3706febe] {
   pointer-events: none;
-  opacity: .5;
+  opacity: 0.5;
 }
-.action--disabled[data-v-3706febe]:hover,
-.action--disabled[data-v-3706febe]:focus {
+.action--disabled[data-v-3706febe]:hover, .action--disabled[data-v-3706febe]:focus {
   cursor: default;
-  opacity: .5;
+  opacity: 0.5;
 }
 .action--disabled *[data-v-3706febe] {
   opacity: 1 !important;
@@ -163,7 +190,7 @@ li.action.active[data-v-3706febe] {
   border-radius: 0;
   background-color: transparent;
   box-shadow: none;
-  font-weight: 400;
+  font-weight: normal;
 }
 .action-input__icon-wrapper[data-v-3706febe] {
   display: flex;
@@ -184,8 +211,10 @@ li.action.active[data-v-3706febe] {
   white-space: nowrap;
 }
 .action-input__icon[data-v-3706febe] {
-  min-width: 0;
+  min-width: 0; /* Overwrite icons*/
   min-height: 0;
+  /* Keep padding to define the width to
+  	assure correct position of a possible text */
   padding: 22px 0 22px 44px;
   background-position: 14px center;
   background-size: 16px;
@@ -203,8 +232,7 @@ li.action.active[data-v-3706febe] {
 .action-input__input-container[data-v-3706febe] {
   display: flex;
 }
-.action-input__input-container .colorpicker__trigger[data-v-3706febe],
-.action-input__input-container .colorpicker__preview[data-v-3706febe] {
+.action-input__input-container .colorpicker__trigger[data-v-3706febe], .action-input__input-container .colorpicker__preview[data-v-3706febe] {
   width: 100%;
 }
 .action-input__input-container .colorpicker__preview[data-v-3706febe] {
@@ -240,4 +268,4 @@ li:last-child > .action-input[data-v-3706febe] {
 }
 li:first-child > .action-input[data-v-3706febe]:not(.action-input--visible-label) {
   padding-top: 10px;
-}
+}

package/dist/assets/{NcActionLink-DN3NCDC0.css → NcActionLink-ufhOZDI9.css}

@@ -20,7 +20,10 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.material-design-icon[data-v-c0bc0588] {
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-60b04043] {
   display: flex;
   align-self: center;
   justify-self: center;
@@ -49,18 +52,19 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-li.action.active[data-v-c0bc0588] {
+li.action.active[data-v-60b04043] {
   background-color: var(--color-background-hover);
   border-radius: 6px;
   padding: 0;
 }
-.action-link[data-v-c0bc0588] {
+.action-link[data-v-60b04043] {
   display: flex;
   align-items: flex-start;
   width: 100%;
   height: auto;
   margin: 0;
-  padding: 0 14px 0 0;
+  padding: 0;
+  padding-right: 14px;
   box-sizing: border-box;
   cursor: pointer;
   white-space: nowrap;
@@ -69,15 +73,15 @@ li.action.active[data-v-c0bc0588] {
   border-radius: 0;
   background-color: transparent;
   box-shadow: none;
-  font-weight: 400;
+  font-weight: normal;
   font-size: var(--default-font-size);
   line-height: 44px;
 }
-.action-link > span[data-v-c0bc0588] {
+.action-link > span[data-v-60b04043] {
   cursor: pointer;
   white-space: nowrap;
 }
-.action-link__icon[data-v-c0bc0588] {
+.action-link__icon[data-v-60b04043] {
   width: 44px;
   height: 44px;
   opacity: 1;
@@ -85,16 +89,15 @@ li.action.active[data-v-c0bc0588] {
   background-size: 16px;
   background-repeat: no-repeat;
 }
-.action-link[data-v-c0bc0588] .material-design-icon {
+.action-link[data-v-60b04043] .material-design-icon {
   width: 44px;
   height: 44px;
   opacity: 1;
 }
-.action-link[data-v-c0bc0588] .material-design-icon .material-design-icon__svg {
+.action-link[data-v-60b04043] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-link__longtext-wrapper[data-v-c0bc0588],
-.action-link__longtext[data-v-c0bc0588] {
+.action-link__longtext-wrapper[data-v-60b04043], .action-link__longtext[data-v-60b04043] {
   max-width: 220px;
   line-height: 1.6em;
   padding: 10.8px 0;
@@ -103,19 +106,19 @@ li.action.active[data-v-c0bc0588] {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.action-link__longtext[data-v-c0bc0588] {
+.action-link__longtext[data-v-60b04043] {
   cursor: pointer;
   white-space: pre-wrap !important;
 }
-.action-link__name[data-v-c0bc0588] {
-  font-weight: 700;
+.action-link__name[data-v-60b04043] {
+  font-weight: bold;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   max-width: 100%;
   display: inline-block;
 }
-.action-link__menu-icon[data-v-c0bc0588] {
+.action-link__menu-icon[data-v-60b04043] {
   margin-left: auto;
   margin-right: -14px;
-}
+}

package/dist/assets/{NcActionRadio-B46v1Kn4.css → NcActionRadio-syUIsm9B.css}

@@ -20,6 +20,9 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-f482d6e9] {
   display: flex;
   align-self: center;
@@ -56,12 +59,11 @@ li.action.active[data-v-f482d6e9] {
 }
 .action--disabled[data-v-f482d6e9] {
   pointer-events: none;
-  opacity: .5;
+  opacity: 0.5;
 }
-.action--disabled[data-v-f482d6e9]:hover,
-.action--disabled[data-v-f482d6e9]:focus {
+.action--disabled[data-v-f482d6e9]:hover, .action--disabled[data-v-f482d6e9]:focus {
   cursor: default;
-  opacity: .5;
+  opacity: 0.5;
 }
 .action--disabled *[data-v-f482d6e9] {
   opacity: 1 !important;
@@ -80,8 +82,9 @@ li.action.active[data-v-f482d6e9] {
   border-radius: 0;
   background-color: transparent;
   box-shadow: none;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 44px;
+  /* checkbox/radio fixes */
 }
 .action-radio__radio[data-v-f482d6e9] {
   position: absolute;
@@ -95,12 +98,13 @@ li.action.active[data-v-f482d6e9] {
   display: flex;
   align-items: center;
   width: 100%;
-  padding: 0 14px 0 0 !important;
+  padding: 0 !important;
+  padding-right: 14px !important;
 }
-.action-radio__label[data-v-f482d6e9]:before {
-  margin: 0 14px !important;
+.action-radio__label[data-v-f482d6e9]::before {
+  margin: 0 14px 0 !important;
 }
 .action-radio--disabled[data-v-f482d6e9],
 .action-radio--disabled .action-radio__label[data-v-f482d6e9] {
   cursor: pointer;
-}
+}

package/dist/assets/{NcActionRouter-wVMPq1gi.css → NcActionRouter-BbTCI4sn.css}

@@ -20,6 +20,9 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-fdbe574e] {
   display: flex;
   align-self: center;
@@ -60,7 +63,8 @@ li.action.active[data-v-fdbe574e] {
   width: 100%;
   height: auto;
   margin: 0;
-  padding: 0 14px 0 0;
+  padding: 0;
+  padding-right: 14px;
   box-sizing: border-box;
   cursor: pointer;
   white-space: nowrap;
@@ -69,7 +73,7 @@ li.action.active[data-v-fdbe574e] {
   border-radius: 0;
   background-color: transparent;
   box-shadow: none;
-  font-weight: 400;
+  font-weight: normal;
   font-size: var(--default-font-size);
   line-height: 44px;
 }
@@ -93,8 +97,7 @@ li.action.active[data-v-fdbe574e] {
 .action-router[data-v-fdbe574e] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-router__longtext-wrapper[data-v-fdbe574e],
-.action-router__longtext[data-v-fdbe574e] {
+.action-router__longtext-wrapper[data-v-fdbe574e], .action-router__longtext[data-v-fdbe574e] {
   max-width: 220px;
   line-height: 1.6em;
   padding: 10.8px 0;
@@ -108,7 +111,7 @@ li.action.active[data-v-fdbe574e] {
   white-space: pre-wrap !important;
 }
 .action-router__name[data-v-fdbe574e] {
-  font-weight: 700;
+  font-weight: bold;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -121,13 +124,12 @@ li.action.active[data-v-fdbe574e] {
 }
 .action--disabled[data-v-fdbe574e] {
   pointer-events: none;
-  opacity: .5;
+  opacity: 0.5;
 }
-.action--disabled[data-v-fdbe574e]:hover,
-.action--disabled[data-v-fdbe574e]:focus {
+.action--disabled[data-v-fdbe574e]:hover, .action--disabled[data-v-fdbe574e]:focus {
   cursor: default;
-  opacity: .5;
+  opacity: 0.5;
 }
 .action--disabled *[data-v-fdbe574e] {
   opacity: 1 !important;
-}
+}

package/dist/assets/{NcActionSeparator-CX3zFZuI.css → NcActionSeparator-CB59y4di.css}

@@ -20,6 +20,9 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-82b7f2ae] {
   display: flex;
   align-self: center;
@@ -32,4 +35,4 @@
   margin: 5px 10px 5px 15px;
   border-bottom: 1px solid var(--color-border-dark);
   cursor: default;
-}
+}

package/dist/assets/{NcActionText-YljCzD9Q.css → NcActionText-Ceh88fy8.css}

@@ -20,6 +20,9 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-34d9a49c] {
   display: flex;
   align-self: center;
@@ -60,7 +63,8 @@ li.action.active[data-v-34d9a49c] {
   width: 100%;
   height: auto;
   margin: 0;
-  padding: 0 14px 0 0;
+  padding: 0;
+  padding-right: 14px;
   box-sizing: border-box;
   cursor: pointer;
   white-space: nowrap;
@@ -69,7 +73,7 @@ li.action.active[data-v-34d9a49c] {
   border-radius: 0;
   background-color: transparent;
   box-shadow: none;
-  font-weight: 400;
+  font-weight: normal;
   font-size: var(--default-font-size);
   line-height: 44px;
 }
@@ -93,8 +97,7 @@ li.action.active[data-v-34d9a49c] {
 .action-text[data-v-34d9a49c] .material-design-icon .material-design-icon__svg {
   vertical-align: middle;
 }
-.action-text__longtext-wrapper[data-v-34d9a49c],
-.action-text__longtext[data-v-34d9a49c] {
+.action-text__longtext-wrapper[data-v-34d9a49c], .action-text__longtext[data-v-34d9a49c] {
   max-width: 220px;
   line-height: 1.6em;
   padding: 10.8px 0;
@@ -108,7 +111,7 @@ li.action.active[data-v-34d9a49c] {
   white-space: pre-wrap !important;
 }
 .action-text__name[data-v-34d9a49c] {
-  font-weight: 700;
+  font-weight: bold;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -121,12 +124,11 @@ li.action.active[data-v-34d9a49c] {
 }
 .action--disabled[data-v-34d9a49c] {
   pointer-events: none;
-  opacity: .5;
+  opacity: 0.5;
 }
-.action--disabled[data-v-34d9a49c]:hover,
-.action--disabled[data-v-34d9a49c]:focus {
+.action--disabled[data-v-34d9a49c]:hover, .action--disabled[data-v-34d9a49c]:focus {
   cursor: default;
-  opacity: .5;
+  opacity: 0.5;
 }
 .action--disabled *[data-v-34d9a49c] {
   opacity: 1 !important;
@@ -134,4 +136,4 @@ li.action.active[data-v-34d9a49c] {
 .action-text[data-v-34d9a49c],
 .action-text span[data-v-34d9a49c] {
   cursor: default;
-}
+}

package/dist/assets/{NcActionTextEditable-mti5YQN1.css → NcActionTextEditable-BoxziChR.css}

@@ -1,4 +1,28 @@
 @charset "UTF-8";
+/**
+ * @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
 .material-design-icon[data-v-b0b05af8] {
   display: flex;
   align-self: center;
@@ -27,6 +51,12 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+/**
+ * color-text-lighter		normal state
+ * color-text-lighter		active state
+ * color-text-maxcontrast 	disabled state
+ */
+/* Default global values */
 button[data-v-b0b05af8]:not(.button-vue),
 input[data-v-b0b05af8]:not([type=range]),
 textarea[data-v-b0b05af8] {
@@ -39,16 +69,16 @@ textarea[data-v-b0b05af8] {
   outline: none;
   background-color: var(--color-main-background);
   font-size: 13px;
+  /* Primary action button, use sparingly */
 }
-button[data-v-b0b05af8]:not(.button-vue):not(:disabled):not(.primary):hover,
-button[data-v-b0b05af8]:not(.button-vue):not(:disabled):not(.primary):focus,
-button:not(.button-vue):not(:disabled):not(.primary).active[data-v-b0b05af8],
+button[data-v-b0b05af8]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-b0b05af8]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-b0b05af8],
 input[data-v-b0b05af8]:not([type=range]):not(:disabled):not(.primary):hover,
 input[data-v-b0b05af8]:not([type=range]):not(:disabled):not(.primary):focus,
 input:not([type=range]):not(:disabled):not(.primary).active[data-v-b0b05af8],
 textarea[data-v-b0b05af8]:not(:disabled):not(.primary):hover,
 textarea[data-v-b0b05af8]:not(:disabled):not(.primary):focus,
 textarea:not(:disabled):not(.primary).active[data-v-b0b05af8] {
+  /* active class used for multiselect */
   border-color: var(--color-primary-element);
   outline: none;
 }
@@ -63,7 +93,7 @@ button[data-v-b0b05af8]:not(.button-vue):disabled,
 input[data-v-b0b05af8]:not([type=range]):disabled,
 textarea[data-v-b0b05af8]:disabled {
   cursor: default;
-  opacity: .5;
+  opacity: 0.5;
   color: var(--color-text-maxcontrast);
   background-color: var(--color-background-dark);
 }
@@ -86,9 +116,7 @@ textarea.primary[data-v-b0b05af8] {
   border-color: var(--color-primary-element);
   background-color: var(--color-primary-element);
 }
-button:not(.button-vue).primary[data-v-b0b05af8]:not(:disabled):hover,
-button:not(.button-vue).primary[data-v-b0b05af8]:not(:disabled):focus,
-button:not(.button-vue).primary[data-v-b0b05af8]:not(:disabled):active,
+button:not(.button-vue).primary[data-v-b0b05af8]:not(:disabled):hover, button:not(.button-vue).primary[data-v-b0b05af8]:not(:disabled):focus, button:not(.button-vue).primary[data-v-b0b05af8]:not(:disabled):active,
 input:not([type=range]).primary[data-v-b0b05af8]:not(:disabled):hover,
 input:not([type=range]).primary[data-v-b0b05af8]:not(:disabled):focus,
 input:not([type=range]).primary[data-v-b0b05af8]:not(:disabled):active,
@@ -139,12 +167,11 @@ li.action.active[data-v-b0b05af8] {
 }
 .action--disabled[data-v-b0b05af8] {
   pointer-events: none;
-  opacity: .5;
+  opacity: 0.5;
 }
-.action--disabled[data-v-b0b05af8]:hover,
-.action--disabled[data-v-b0b05af8]:focus {
+.action--disabled[data-v-b0b05af8]:hover, .action--disabled[data-v-b0b05af8]:focus {
   cursor: default;
-  opacity: .5;
+  opacity: 0.5;
 }
 .action--disabled *[data-v-b0b05af8] {
   opacity: 1 !important;
@@ -163,16 +190,19 @@ li.action.active[data-v-b0b05af8] {
   border-radius: 0;
   background-color: transparent;
   box-shadow: none;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 44px;
+  /* Inputs inside popover supports text, submit & reset */
 }
 .action-text-editable > span[data-v-b0b05af8] {
   cursor: pointer;
   white-space: nowrap;
 }
 .action-text-editable__icon[data-v-b0b05af8] {
-  min-width: 0;
+  min-width: 0; /* Overwrite icons*/
   min-height: 0;
+  /* Keep padding to define the width to
+  	assure correct position of a possible text */
   padding: 22px 0 22px 44px;
   background-position: 14px center;
   background-size: 16px;
@@ -215,22 +245,23 @@ li.action.active[data-v-b0b05af8] {
   padding: 7px 6px;
   border: 0;
   border-radius: 50%;
+  /* Avoid background under border */
   background-color: var(--color-main-background);
   background-clip: padding-box;
 }
-.action-text-editable__label[data-v-b0b05af8],
-.action-text-editable__label *[data-v-b0b05af8] {
+.action-text-editable__label[data-v-b0b05af8], .action-text-editable__label *[data-v-b0b05af8] {
   cursor: pointer;
 }
 .action-text-editable__textarea[data-v-b0b05af8] {
   flex: 1 1 auto;
   color: inherit;
   border-color: var(--color-border-maxcontrast);
-  min-height: 80px;
-  max-height: 124px;
+  min-height: 80px; /* twice the element margin-y */
+  max-height: 124px; /* twice the element margin-y */
   min-width: 176px;
   width: 100% !important;
   margin: 0;
+  /* only show confirm borders if input is not focused */
 }
 .action-text-editable__textarea[data-v-b0b05af8]:disabled {
   cursor: default;
@@ -238,15 +269,12 @@ li.action.active[data-v-b0b05af8] {
 .action-text-editable__textarea:not(:active):not(:hover):not(:focus):invalid + .action-text-editable__label[data-v-b0b05af8] {
   background-color: var(--color-error);
 }
-.action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-b0b05af8]:active,
-.action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-b0b05af8]:hover,
-.action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-b0b05af8]:focus {
+.action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-b0b05af8]:active, .action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-b0b05af8]:hover, .action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-b0b05af8]:focus {
   background-color: var(--color-primary-element);
   color: var(--color-primary-element-text);
 }
-.action-text-editable__textarea:active:not(:disabled) + .action-text-editable__label[data-v-b0b05af8],
-.action-text-editable__textarea:hover:not(:disabled) + .action-text-editable__label[data-v-b0b05af8],
-.action-text-editable__textarea:focus:not(:disabled) + .action-text-editable__label[data-v-b0b05af8] {
+.action-text-editable__textarea:active:not(:disabled) + .action-text-editable__label[data-v-b0b05af8], .action-text-editable__textarea:hover:not(:disabled) + .action-text-editable__label[data-v-b0b05af8], .action-text-editable__textarea:focus:not(:disabled) + .action-text-editable__label[data-v-b0b05af8] {
+  /* above previous input */
   z-index: 2;
   border-color: var(--color-primary-element);
   border-left-color: transparent;
@@ -256,4 +284,4 @@ li:last-child > .action-text-editable[data-v-b0b05af8] {
 }
 li:first-child > .action-text-editable[data-v-b0b05af8] {
   margin-top: 10px;
-}
+}