testio-tailwind 2.0.0 → 2.1.0

package/src/assets/stylesheets/components/chat.css

@@ -45,11 +45,11 @@ img.chat-avatar {
 }
 
 .chat-message .message-banner.announcement::before {
-  mask-image: url("/assets/images/speaker.svg");
+  mask-image: url("/assets/images/icons/speaker.svg");
 }
 
 .chat-message .message-banner.mentioned::before {
-  mask-image: url("/assets/images/at-sign.svg");
+  mask-image: url("/assets/images/icons/at-sign.svg");
 }
 
 .chat-message .text-mentioned {
@@ -202,7 +202,7 @@ img.chat-avatar {
 .chat-message-counter::before {
   @apply absolute inline-block bg-link-hover h-icon-sm w-icon left-0 top-1px;
   content: "";
-  mask-image: url("/assets/images/circle-sm-filled.svg");
+  mask-image: url("/assets/images/icons/circle-sm-filled.svg");
   mask-repeat: no-repeat;
 }
 
@@ -239,7 +239,7 @@ img.chat-avatar {
   &::before {
     @apply inline-block h-icon-sm w-icon bg-white;
     content: "";
-    mask-image: url("/assets/images/sendmessage.svg");
+    mask-image: url("/assets/images/icons/sendmessage.svg");
     mask-repeat: no-repeat;
   }
   input {

package/src/assets/stylesheets/components/checkboxes_radiobuttons.css

@@ -51,13 +51,13 @@
     height: 100%;
     width: 100%;
     content: "";
-    mask-image: url("/assets/images/checkbox-background.svg");
+    mask-image: url("/assets/images/icons/checkbox-background.svg");
     mask-repeat: no-repeat;
   }
 }
 
 .form-check.sm input[type=checkbox]:checked::after {
-  mask-image: url("/assets/images/checkbox-background-sm.svg");
+  mask-image: url("/assets/images/icons/checkbox-background-sm.svg");
 }
 
 .form-check input[type=checkbox]:checked:disabled,
@@ -146,7 +146,7 @@
   &::after {
     @apply block h-full w-full bg-white;
     content: "";
-    mask-image: url("/assets/images/radio-checked-white.svg");
+    mask-image: url("/assets/images/icons/radio-checked-white.svg");
     mask-repeat: no-repeat;
     background-image: url("");
   }
@@ -168,6 +168,6 @@
 
 .form-radio.inverted input[type=radio]:checked {
   @apply text-black border-info bg-info;
-  background-image: url("/assets/images/radio-checked-white.svg");
+  background-image: url("/assets/images/icons/radio-checked-white.svg");
 }
 

package/src/assets/stylesheets/components/designsystem/designsystem-styles.css

@@ -74,7 +74,7 @@
 }
 
 .ds-code-preview pre {
-  @apply font-mono text-sm leading-5 bg-transparent text-gray-700;
+  @apply font-mono text-sm leading-5 bg-transparent text-gray-700 overflow-x-clip;
 }
 
 .color-cell {
@@ -83,4 +83,8 @@
 
 .color-cell p {
   @apply first:lowercase last:uppercase;
+}
+
+.email-template-container {
+  @apply bg-gray-300;
 }

package/src/assets/stylesheets/components/devices.css

@@ -46,7 +46,7 @@
 .clouddevice-info::before {
   @apply inline-block bg-black h-icon mr-icon-spacing;
   content: "";
-  mask-image: url("/assets/images/logo-mobile-cloud.svg");
+  mask-image: url("/assets/images/icons/logo-mobile-cloud.svg");
   mask-repeat: no-repeat;
   width: 27px;
 } 

package/src/assets/stylesheets/components/emptystate_message.css

@@ -13,30 +13,30 @@
 .empty-state-message::before {
   @apply block w-icon-xl h-icon-xl mb-xs bg-gray-dark;
   content: "";
-  mask-image: url("/assets/images/bug-sleeping-xl.svg");
+  mask-image: url("/assets/images/icons/bug-sleeping-xl.svg");
   mask-repeat: no-repeat;
 }
 
 .empty-state-message.sad::before {
-  mask-image: url("/assets/images/bug-sad-xl.svg");
+  mask-image: url("/assets/images/icons/bug-sad-xl.svg");
 }
 
 .empty-state-message.search::before {
-  mask-image: url("/assets/images/bug-search-xl.svg");
+  mask-image: url("/assets/images/icons/bug-search-xl.svg");
 }
 
 .empty-state-message.smile::before {
-  mask-image: url("/assets/images/bug-smile-xl.svg");
+  mask-image: url("/assets/images/icons/bug-smile-xl.svg");
 }
 
 .empty-state-message.deceased::before {
-  mask-image: url("/assets/images/bug-deceased-xl.svg");
+  mask-image: url("/assets/images/icons/bug-deceased-xl.svg");
 }
 
 .empty-state-message.chat::before {
-  mask-image: url("/assets/images/bug-chat-xl.svg");
+  mask-image: url("/assets/images/icons/bug-chat-xl.svg");
 }
 
 .empty-state-message.bell::before {
-  mask-image: url("/assets/images/bell-smile-xl.svg");
+  mask-image: url("/assets/images/icons/bell-smile-xl.svg");
 }

package/src/assets/stylesheets/components/forms.css

@@ -56,13 +56,13 @@
     @apply inline-block h-icon w-icon mr-xs bg-gray;
     content: "";
     flex-shrink: 0;
-    mask-image: url("/assets/images/exclamation-circle.svg");
+    mask-image: url("/assets/images/icons/exclamation-circle.svg");
     mask-repeat: no-repeat;
   }
 
   &.error::before {
     @apply bg-danger;
-    mask-image: url("/assets/images/exclamation-circle.svg");
+    mask-image: url("/assets/images/icons/exclamation-circle.svg");
   }
 
   &.error {
@@ -100,7 +100,7 @@ textarea.form-control {
 .form-date::before {
   @apply inline-block absolute bottom-xs right-xs h-icon w-icon bg-gray-darker;
   content: "";
-  mask-image: url("/assets/images/calendar.svg");
+  mask-image: url("/assets/images/icons/calendar.svg");
   mask-repeat: no-repeat;
 }
 

package/src/assets/stylesheets/components/header.css

@@ -86,8 +86,11 @@
   @apply h-full cursor-pointer;
 }
 
-.mobile-links[open] .mobile-menu.sidebar {
-  @apply fixed flex top-header left-0 z-30 h-screen;
+.header .mobile-links[open] .mobile-menu.sidebar,
+.header.tester .mobile-links[open] .mobile-menu.sidebar,
+.header.manager .mobile-links[open] .mobile-menu.sidebar,
+.header.customer .mobile-links[open] .mobile-menu.sidebar {
+  @apply fixed flex top-header left-0 z-50 h-screen;
 }
 
 details[open].mobile-links summary.mobile-menu-btn:after {
@@ -135,14 +138,14 @@ details[open].mobile-links .toggle-label {
 .header-dropdown summary:after {
   @apply inline-block bg-white ml-xs;
   content: "";
-  mask-image: url("/assets/images/triangle-down.svg");
+  mask-image: url("/assets/images/icons/triangle-down.svg");
   mask-repeat: no-repeat;
   width: 8px;
   height: 8px;
 }
 
 details[open].header-dropdown summary:after {
-  mask-image: url("/assets/images/triangle-up.svg");
+  mask-image: url("/assets/images/icons/triangle-up.svg");
 }
 
 details[open].header-dropdown summary:before {
@@ -159,6 +162,11 @@ details[open].header-dropdown .dropdown-menu {
   scrollbar-width: none;  /* Firefox */
 }
 
+details[open].header-dropdown.dropright .dropdown-menu {
+  @apply right-0 left-auto;
+}
+
+
 /*///// Header profile dropdown /////*/
 
 .user-menu .btn-profile {

package/src/assets/stylesheets/components/icons.css

@@ -109,55 +109,55 @@
 }
 
 .status-submitted {
-  mask-image: url("/assets/images/exclamation-circle.svg");
+  mask-image: url("/assets/images/icons/exclamation-circle.svg");
 }
 
 .status-manager-approved {
   @apply bg-success;
-  mask-image: url("/assets/images/check-circle.svg");
+  mask-image: url("/assets/images/icons/check-circle.svg");
 }
 
 .status-customer-approved {
-  mask-image: url("/assets/images/check-circle-filled.svg");
+  mask-image: url("/assets/images/icons/check-circle-filled.svg");
   @apply bg-success;
 }
 
 .status-forwarded {
-  mask-image: url("/assets/images/forward.svg");
+  mask-image: url("/assets/images/icons/forward.svg");
   @apply bg-danger;
 }
 
 .status-manager-rejected {
-  mask-image: url("/assets/images/cross-circle.svg");
+  mask-image: url("/assets/images/icons/cross-circle.svg");
   @apply bg-danger;
 }
 
 .status-customer-rejected {
-  mask-image: url("/assets/images/cross-circle-filled.svg");
+  mask-image: url("/assets/images/icons/cross-circle-filled.svg");
   @apply bg-danger;
 }
 
 .status-manager-question {
-  mask-image: url("/assets/images/message-question.svg");
+  mask-image: url("/assets/images/icons/message-question.svg");
 }
 
 .status-withheld {
-  mask-image: url("/assets/images/blocked.svg");
+  mask-image: url("/assets/images/icons/blocked.svg");
   @apply bg-danger;
 }
 
 .status-reproduction {
-  mask-image: url("/assets/images/bug-reproduction.svg");
+  mask-image: url("/assets/images/icons/bug-reproduction.svg");
   width: 23px;
   mask-size: 23px 20px;
 }
 
 .status-testcase-passed {
-  mask-image: url("/assets/images/check-circle-filled.svg");
+  mask-image: url("/assets/images/icons/check-circle-filled.svg");
   @apply bg-success;
 }
 
 .status-testcase-failed {
-  mask-image: url("/assets/images/cross-circle-filled.svg");
+  mask-image: url("/assets/images/icons/cross-circle-filled.svg");
   @apply bg-danger;
 }

package/src/assets/stylesheets/components/list_item.css

@@ -63,12 +63,12 @@ a.listitem:hover {
 .listitem .collapse-btn:after {
   @apply inline-block w-sm h-icon bg-primary;
   content: "";
-  mask-image: url("/assets/images/arrow-down.svg");
+  mask-image: url("/assets/images/icons/arrow-down.svg");
   mask-repeat: no-repeat;
 }
 
 .listitem[open] > .listitem-header .collapse-btn:after {
-  mask-image: url("/assets/images/arrow-up.svg");
+  mask-image: url("/assets/images/icons/arrow-up.svg");
 }
 
 .listitem-badge {
@@ -231,7 +231,7 @@ a.listitem:hover {
 .listitem-check input:checked + label::before {
   @apply absolute inline-block h-md w-md bg-info;
   content: "";
-  mask-image: url("/assets/images/checkbox-background-white.svg");
+  mask-image: url("/assets/images/icons/checkbox-background-white.svg");
   mask-repeat: no-repeat;
 }
 

package/src/assets/stylesheets/components/lists.css

@@ -62,6 +62,6 @@ ul.bullet-list li::before {
   @apply absolute inline-block w-icon-xs h-icon-xs left-0 bg-black;
   content: "";
   top: -1px;
-  mask-image: url("/assets/images/circle-sm-filled.svg");
+  mask-image: url("/assets/images/icons/circle-sm-filled.svg");
   mask-repeat: no-repeat;
 }

package/src/assets/stylesheets/components/metasidebar.css

@@ -10,7 +10,7 @@ aside .metasidebar-btn {
 aside .metasidebar-btn::after {
   @apply inline-block right-xs bg-primary top-xs w-xs h-icon;
   content: "";
-  mask-image: url("/assets/images/arrow-left.svg");
+  mask-image: url("/assets/images/icons/arrow-left.svg");
   mask-repeat: no-repeat;
 }
 
@@ -26,7 +26,7 @@ aside .metasidebar-wrapper[open] .metasidebar-btn {
 }
 
 aside .metasidebar-wrapper[open] .metasidebar-btn::after {
-  mask-image: url("/assets/images/arrow-right.svg");
+  mask-image: url("/assets/images/icons/arrow-right.svg");
   mask-repeat: no-repeat;
 }
 

package/src/assets/stylesheets/components/notifications.css

@@ -41,13 +41,13 @@
   @apply absolute top-xs right-xs h-icon-xs w-icon-xs bg-white;
   content: "";
   opacity: 0.5;
-  mask-image: url("/assets/images/circle-empty-white.svg");
+  mask-image: url("/assets/images/icons/circle-empty-white.svg");
   mask-repeat: no-repeat;
 }
 
 .drawer .notification input[type=checkbox]:checked + .notification-content::after {
   @apply bg-success opacity-100;
-  mask-image: url("/assets/images/check-circle-filled.svg");
+  mask-image: url("/assets/images/icons/check-circle-filled.svg");
 }
 
 .drawer .notification-badge {

package/src/assets/stylesheets/components/radio_tabs.css

@@ -34,7 +34,7 @@
     width: 8px;
     top: 3px;
     left: 3px;
-    mask-image: url("/assets/images/check-selectable-items.svg");
+    mask-image: url("/assets/images/icons/check-selectable-items.svg");
     mask-repeat: no-repeat;
   }
 

package/src/assets/stylesheets/components/resultmodule.css

@@ -68,27 +68,27 @@ details.result-item > summary:hover .result-item-title {
 
 .result-item.feature::before {
   @apply bg-gray-dark;
-  mask-image: url("/assets/images/feature.svg");
+  mask-image: url("/assets/images/icons/feature.svg");
 }
 
 .result-item.feature-passed::before {
   @apply bg-success;
-  mask-image: url("/assets/images/feature-check.svg");
+  mask-image: url("/assets/images/icons/feature-check.svg");
 }
 
 .result-item.feature-failed::before {
   @apply bg-danger;
-  mask-image: url("/assets/images/feature-cross.svg");
+  mask-image: url("/assets/images/icons/feature-cross.svg");
 }
 
 .result-item.pending::before {
   @apply bg-gray-dark;
-  mask-image: url("/assets/images/clock.svg");
+  mask-image: url("/assets/images/icons/clock.svg");
 }
 
 .result-item.testcase::before {
   @apply bg-black;
-  mask-image: url("/assets/images/testcase.svg");
+  mask-image: url("/assets/images/icons/testcase.svg");
 }
 
 details.result-item .collapse-btn {
@@ -101,12 +101,12 @@ details.result-item .collapse-btn {
 details.result-item .collapse-btn:after {
   @apply inline-block w-sm h-icon bg-primary;
   content: "";
-  mask-image: url("/assets/images/arrow-down.svg");
+  mask-image: url("/assets/images/icons/arrow-down.svg");
   mask-repeat: no-repeat;
 }
 
 details.result-item[open] .collapse-btn:after {
-  mask-image: url("/assets/images/arrow-up.svg");
+  mask-image: url("/assets/images/icons/arrow-up.svg");
 }
 
 details.result-item .issue-item {

package/src/assets/stylesheets/components/search.css

@@ -37,7 +37,7 @@
 }
 
 .form-search .btn-clear::before {
-  mask-image: url("/assets/images/cross.svg");
+  mask-image: url("/assets/images/icons/cross.svg");
 }
 
 .form-search .btn-submit {
@@ -51,14 +51,14 @@
 }
 
 .form-search .btn-submit::before {
-  mask-image: url("/assets/images/search.svg");
+  mask-image: url("/assets/images/icons/search.svg");
 }
 
 .form-search.direct-input {
   &::before {
     @apply absolute inline-block w-icon h-icon top-xs left-xs bg-gray;
     content: "";
-    mask-image: url("/assets/images/search.svg");
+    mask-image: url("/assets/images/icons/search.svg");
     mask-repeat: no-repeat;
   }
   .form-control {

package/src/assets/stylesheets/components/sections.css

@@ -68,7 +68,7 @@
 }
 
 .section-collapsable[open] .section-title::before {
-  mask-image: url("/assets/images/caret-down.svg");
+  mask-image: url("/assets/images/icons/caret-down.svg");
 }
 
 .section-collapsable .section-title {
@@ -81,7 +81,7 @@
   top: 50%;
   left: 0;
   margin-top: -11px;
-  mask-image: url("/assets/images/caret-right.svg");
+  mask-image: url("/assets/images/icons/caret-right.svg");
   mask-repeat: no-repeat;
   z-index: 1;
 }

package/src/assets/stylesheets/components/select.css

@@ -17,7 +17,7 @@ select {
 .form-select-native .select-wrapper::after {
   @apply absolute inline-block h-md top-xs right-sm bg-white;
   content: "";
-  mask-image: url("/assets/images/caret-down.svg");
+  mask-image: url("/assets/images/icons/caret-down.svg");
   width: 9px;
   z-index: 1;
 }

package/src/assets/stylesheets/components/select2.css

@@ -40,7 +40,7 @@ select.select2 {
     b {
       @apply absolute inline-block h-md top-xs right-sm bg-white;
       content: "";
-      mask-image: url("/assets/images/caret-down.svg");
+      mask-image: url("/assets/images/icons/caret-down.svg");
       width: 9px;
     }
   }
@@ -179,7 +179,7 @@ select.select2 {
     @apply bg-primary;
     content: "";
     display: inline-block;
-    mask-image: url("/assets/images/cross-thick.svg");
+    mask-image: url("/assets/images/icons/cross-thick.svg");
     width: 10px;
     height: 10px;
   }

package/src/assets/stylesheets/components/selectable_token.css

@@ -38,7 +38,7 @@
     top: 3px;
     left: 3px;
     content: "";
-    mask-image: url("/assets/images/check-selectable-items.svg");
+    mask-image: url("/assets/images/icons/check-selectable-items.svg");
     mask-repeat: no-repeat;
   }
 

package/src/assets/stylesheets/components/sidebar.css

@@ -107,13 +107,13 @@ nav.sidebar .navlinks::-webkit-scrollbar {
   @apply inline-block absolute right-xxs w-icon-xs h-icon-xs bg-white;
   content: "";
   top: 12px;
-  mask-image: url("/assets/images/triangle-centered-left.svg");
+  mask-image: url("/assets/images/icons/triangle-centered-left.svg");
   mask-repeat: no-repeat;
 }
 
 .sidebar details[open] summary.navlink:after,
 .sidebar .header-dropdown[open] summary.navlink::after {
-  mask-image: url("/assets/images/triangle-centered-down.svg");
+  mask-image: url("/assets/images/icons/triangle-centered-down.svg");
   mask-repeat: no-repeat;
 }
 
@@ -155,7 +155,7 @@ nav.sidebar .navlinks::-webkit-scrollbar {
   &::before {
     @apply inline-block w-icon h-icon mr-xs bg-gray-darker;
     content: "";
-    mask-image: url("/assets/images/seat.svg");
+    mask-image: url("/assets/images/icons/seat.svg");
     mask-repeat: no-repeat;
   }
 }
@@ -454,8 +454,8 @@ nav.sidebar .navlinks::-webkit-scrollbar {
 .sidebar .profilepicture-actions summary:hover:after {
   @apply block absolute w-icon-xl h-icon-xl left-1/2 top-1/2 -ml-spacing -mt-spacing bg-white;
   content: "";
-  -webkit-mask-image: url("/assets/images/file-image-plus-xl.svg");
-  mask-image: url("/assets/images/file-image-plus-xl.svg");
+  -webkit-mask-image: url("/assets/images/icons/file-image-plus-xl.svg");
+  mask-image: url("/assets/images/icons/file-image-plus-xl.svg");
   mask-repeat: no-repeat;
 }
 

package/src/assets/stylesheets/components/splitview.css

@@ -291,11 +291,11 @@
   @apply inline-block w-icon h-icon mr-xxs bg-primary;
   content: "";
   mask-repeat: no-repeat;
-  mask-image: url("/assets/images/triangle-centered-right.svg");
+  mask-image: url("/assets/images/icons/triangle-centered-right.svg");
 }
 
 .splitview-group[open] > summary::before {
-  mask-image: url("/assets/images/triangle-centered-down.svg");
+  mask-image: url("/assets/images/icons/triangle-centered-down.svg");
 }
 
 .splitview-group > summary:hover::before {

package/src/assets/stylesheets/components/tables.css

@@ -188,20 +188,20 @@ td.action-cell,
 
 .table-cellstyle th.missing::after {
   @apply right-0 bg-gray-600;
-  -webkit-mask-image: url("/assets/images/exclamation.svg");
-  mask-image: url("/assets/images/exclamation.svg");
+  -webkit-mask-image: url("/assets/images/icons/exclamation.svg");
+  mask-image: url("/assets/images/icons/exclamation.svg");
 }
 
 .table-cellstyle th.inprogress::after {
   @apply bg-gray-600;
-  -webkit-mask-image: url("/assets/images/clock.svg");
-  mask-image: url("/assets/images/clock.svg");
+  -webkit-mask-image: url("/assets/images/icons/clock.svg");
+  mask-image: url("/assets/images/icons/clock.svg");
 }
 
 .table-cellstyle th.completed::after {
   @apply h-2.5 top-2.5 right-1.5 bg-success;
-  -webkit-mask-image: url("/assets/images/check-thick.svg");
-  mask-image: url("/assets/images/check-thick.svg");
+  -webkit-mask-image: url("/assets/images/icons/check-thick.svg");
+  mask-image: url("/assets/images/icons/check-thick.svg");
 }
 
 .table-cellstyle td {
@@ -228,8 +228,8 @@ td.action-cell,
 
 .table-cellstyle td.inprogress::after {
   @apply bg-gray-600;
-  -webkit-mask-image: url("/assets/images/clock.svg");
-  mask-image: url("/assets/images/clock.svg");
+  -webkit-mask-image: url("/assets/images/icons/clock.svg");
+  mask-image: url("/assets/images/icons/clock.svg");
 }
 
 .table-cellstyle td.completed {
@@ -238,8 +238,8 @@ td.action-cell,
 
 .table-cellstyle .completed::after {
   @apply h-2.5 top-2.5 right-1.5 bg-success;
-  -webkit-mask-image: url("/assets/images/check-thick.svg");
-  mask-image: url("/assets/images/check-thick.svg");
+  -webkit-mask-image: url("/assets/images/icons/check-thick.svg");
+  mask-image: url("/assets/images/icons/check-thick.svg");
 }
 
 .table-cellstyle td.cell-editable, 
@@ -266,8 +266,8 @@ td.action-cell,
     @apply absolute inline-block w-icon-xs h-icon-xs right-2.5 top-2 bg-primary;
     content: "";
     mask-repeat: round;
-    -webkit-mask-image: url("/assets/images/pencil.svg");
-    mask-image: url("/assets/images/pencil.svg");
+    -webkit-mask-image: url("/assets/images/icons/pencil.svg");
+    mask-image: url("/assets/images/icons/pencil.svg");
   }
 }
 
@@ -342,8 +342,8 @@ td.action-cell,
   &::after {
     @apply block w-full h-full bg-white;
     content: "";
-    mask-image: url("/assets/images/checkbox-background.svg");
-    -webkit-mask-image: url("/assets/images/checkbox-background.svg");
+    mask-image: url("/assets/images/icons/checkbox-background.svg");
+    -webkit-mask-image: url("/assets/images/icons/checkbox-background.svg");
     mask-repeat: no-repeat;
   }
 }
@@ -368,14 +368,14 @@ td.action-cell,
 
 .table-cellstyle td.cell-selectable.inprogress label::after {
   @apply bg-gray-600;
-  -webkit-mask-image: url("/assets/images/clock.svg");
-  mask-image: url("/assets/images/clock.svg");
+  -webkit-mask-image: url("/assets/images/icons/clock.svg");
+  mask-image: url("/assets/images/icons/clock.svg");
 }
 
 .table-cellstyle .cell-selectable.completed label::after {
   @apply h-2.5 top-2.5 right-1.5 bg-success;
-  -webkit-mask-image: url("/assets/images/check-thick.svg");
-  mask-image: url("/assets/images/check-thick.svg");
+  -webkit-mask-image: url("/assets/images/icons/check-thick.svg");
+  mask-image: url("/assets/images/icons/check-thick.svg");
 }
 
 

package/src/assets/stylesheets/components/test_header.css

@@ -126,14 +126,14 @@
 .session-timer::before {
   @apply inline-block h-icon w-icon mr-xs sm:mt-xxs bg-white;
   content: "";
-  mask-image: url("/assets/images/test.svg");
+  mask-image: url("/assets/images/icons/test.svg");
   mask-repeat: no-repeat;
 }
 
 .session-timer::after {
   @apply absolute inline-block top-0 left-0 h-icon w-icon mr-xs sm:mt-xxs bg-danger;
   content: "";
-  mask-image: url("/assets/images/circle-sm-filled.svg");
+  mask-image: url("/assets/images/icons/circle-sm-filled.svg");
   mask-repeat: no-repeat;
 }