testio-tailwind 2.0.0 → 2.1.0

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

@@ -19,37 +19,37 @@
 }
 
 .test-item.test-initialized .test-title::before {
-  mask-image: url("/assets/images/test-initialized.svg");
+  mask-image: url("/assets/images/icons/test-initialized.svg");
 } 
 
 .test-item.test-running .test-title::before {
-  mask-image: url("/assets/images/test-running.svg");
+  mask-image: url("/assets/images/icons/test-running.svg");
 } 
 
 .test-item.test-stopped .test-title::before {
-  mask-image: url("/assets/images/test-stopped.svg");
+  mask-image: url("/assets/images/icons/test-stopped.svg");
 } 
 
 .test-item.test-locked .test-title::before {
-  mask-image: url("/assets/images/test-locked.svg");
+  mask-image: url("/assets/images/icons/test-locked.svg");
 } 
 
 .test-item.test-failed .test-title::before {
   @apply bg-danger;
-  mask-image: url("/assets/images/test-failed.svg");
+  mask-image: url("/assets/images/icons/test-failed.svg");
 } 
 
 .test-item.test-archived .test-title::before {
-  mask-image: url("/assets/images/test-archived.svg");
+  mask-image: url("/assets/images/icons/test-archived.svg");
 } 
 
 .test-item.test-success .test-title::before {
   @apply bg-success;
-  mask-image: url("/assets/images/test-check.svg");
+  mask-image: url("/assets/images/icons/test-check.svg");
 } 
 
 .test-item.test-promoted .test-title::before {
-  mask-image: url("/assets/images/test-promoted.svg");
+  mask-image: url("/assets/images/icons/test-promoted.svg");
 } 
 
 .test-item .test-title {
@@ -57,7 +57,8 @@
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3; 
+  -webkit-line-clamp: 3;
+  line-clamp: 3;
   line-height: 1.3;
   &:hover, &:focus {
     @apply text-link-hover;
@@ -73,7 +74,8 @@
   display: -webkit-box;
   margin-top: 2px;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2; 
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
   line-height: 1.3;
 }
 

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

@@ -34,8 +34,7 @@
 .ts-control::after {
   @apply absolute inline-block right-md bg-white;
   content: "";
-  -webkit-mask-image: url("/assets/images/caret-down.svg");
-  mask-image: url("/assets/images/caret-down.svg");
+  mask-image: url("/assets/images/icons/caret-down.svg");
   width: 9px;
   height: 20px;
   z-index: 1;
@@ -85,7 +84,7 @@
   &::before {
     @apply inline-block w-icon h-icon mr-icon-spacing bg-white;
     content: "";
-    mask-image: url("/assets/images/check-circle-filled.svg");
+    mask-image: url("/assets/images/icons/check-circle-filled.svg");
   } 
 }
 
@@ -109,7 +108,7 @@
   a::after {
     @apply inline-block w-xs h-xs bg-primary;
     content: "";
-    mask-image: url("/assets/images/cross-thick.svg");
+    mask-image: url("/assets/images/icons/cross-thick.svg");
   }
 
   a:hover {

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

@@ -81,48 +81,48 @@ trix-toolbar .trix-button:not(:first-child) {
 }
 
 .trix-button--icon-bold::before {
-  mask-image: url("/assets/images/format-bold.svg");
+  mask-image: url("/assets/images/icons/format-bold.svg");
 }
 
 .trix-button--icon-italic::before {
-  mask-image: url("/assets/images/format-mark.svg");
+  mask-image: url("/assets/images/icons/format-mark.svg");
 }
 .trix-button--icon-strike::before {
-  mask-image: url("/assets/images/format-strikethrough.svg");
+  mask-image: url("/assets/images/icons/format-strikethrough.svg");
 }
 .trix-button--icon-link::before {
-  mask-image: url("/assets/images/format-link.svg");
+  mask-image: url("/assets/images/icons/format-link.svg");
 }
 .trix-button--icon-heading-1::before {
-  mask-image: url("/assets/images/format-heading.svg");
+  mask-image: url("/assets/images/icons/format-heading.svg");
 }
 .trix-button--icon-quote::before {
-  mask-image: url("/assets/images/format-quote.svg");
+  mask-image: url("/assets/images/icons/format-quote.svg");
 }
 .trix-button--icon-code::before {
-  mask-image: url("/assets/images/format-code.svg");
+  mask-image: url("/assets/images/icons/format-code.svg");
 }
 .trix-button--icon-bullet-list::before {
-  mask-image: url("/assets/images/format-list-bulleted.svg");
+  mask-image: url("/assets/images/icons/format-list-bulleted.svg");
 }
 .trix-button--icon-number-list::before {
-  mask-image: url("/assets/images/format-list-numbered.svg");
+  mask-image: url("/assets/images/icons/format-list-numbered.svg");
 }
 .trix-button--icon-decrease-nesting-level::before {
-  mask-image: url("/assets/images/format-indent-decrease.svg");
+  mask-image: url("/assets/images/icons/format-indent-decrease.svg");
 }
 .trix-button--icon-increase-nesting-level::before {
-  mask-image: url("/assets/images/format-indent-increase.svg");
+  mask-image: url("/assets/images/icons/format-indent-increase.svg");
 }
 trix-toolbar .trix-button--icon-attach::before {
   @apply top-0 bottom-0;
-  mask-image: url("/assets/images/attachment.svg");
+  mask-image: url("/assets/images/icons/attachment.svg");
 }
 .trix-button--icon-undo::before {
-  mask-image: url("/assets/images/undo.svg");
+  mask-image: url("/assets/images/icons/undo.svg");
 }
 .trix-button--icon-redo::before {
-  mask-image: url("/assets/images/redo.svg");
+  mask-image: url("/assets/images/icons/redo.svg");
 }
 
 /*//// Add link/URL popover ////*/

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

@@ -79,7 +79,7 @@
 
 .attachment.selectable input:checked + label::before {
   @apply bg-info;
-  mask-image: url("/assets/images/checkbox-sm-checked.svg");
+  mask-image: url("/assets/images/icons/checkbox-sm-checked.svg");
   mask-repeat: no-repeat;
 }
 
@@ -112,7 +112,7 @@
     @apply inline-block h-icon-sm bg-white;
     content: "";
     width: 14px;
-    mask-image: url("/assets/images/remove.svg");
+    mask-image: url("/assets/images/icons/remove.svg");
     mask-repeat: no-repeat;
   }
 }
@@ -128,7 +128,7 @@
 .dz-image::after {
   @apply absolute block top-0 left-0 w-full h-full;
   content: "";
-  background-image: url("/assets/images/attachment-fallbackimage.svg");
+  background-image: url("/assets/images/icons/attachment-fallbackimage.svg");
   background-size: cover;
 }
 

package/src/pages/email-templates/email_testinator.pug

@@ -0,0 +1,302 @@
+---
+layout: pure.njk
+title: Testinator Email Template
+permalink: "|/email-testinator/"
+tags: testinatorEmail
+---
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+html(lang="en")
+  head
+    meta(content='text/html; charset=UTF-8', http-equiv='Content-Type')
+    title test IO
+    meta(content='width=device-width', name='viewport')
+    style(type='text/css').
+      #outlook a {
+      padding: 0;
+      }
+      .ReadMsgBody {
+      width: 100%;
+      }
+      .ExternalClass {
+      width: 100%;
+      }
+      .ExternalClass,
+      .ExternalClass p,
+      .ExternalClass span,
+      .ExternalClass font,
+      .ExternalClass td,
+      .ExternalClass div {
+      line-height: 100%;
+      }
+      body,
+      table,
+      td,
+      a {
+      -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+      }
+      /* Prevent WebKit and Windows mobile changing default text sizes */
+      table,
+      td {}
+      /* Remove spacing between tables in Outlook 2007 and up */
+      img {
+      -ms-interpolation-mode: bicubic;
+      }
+      /* Allow smoother rendering of resized image in Internet Explorer */
+      /* RESET STYLES */
+      img {
+        border: 0;
+        height: auto;
+        line-height: 100%;
+        outline: none;
+        text-decoration: none;
+        display: block;
+        margin-bottom: 20px;
+        max-width: 500px;
+      }
+
+      table {
+        border-collapse: collapse !important;
+      }
+
+      body {
+        height: 100% !important;
+        margin: 0;
+        padding: 0;
+        width: 100% !important;
+        background-color: #222222;
+      }
+
+      .email-wrapper {
+        max-width: 600px;
+        background-color: #ffffff;
+      }
+
+      .email-header {
+        height: 300px;
+        width: 500px;
+        background-position: center;
+        background-repeat: no-repeat;
+        background-color: #222222;
+      }
+
+      .emailheader-logo {
+        display: block;
+        width: 280px;
+        height: 64px;
+      }
+
+      .space-logo-container {
+        padding: 30px;
+        height: 120px;
+        background-color: #78EAC1;
+        border-radius: 10px 10px 0 0;
+      }
+
+      .space-title {
+        font-family: Open Sans, Helvetica, Arial, sans-serif;
+        color: #FFFFFF;
+        font-size: 16px;
+      }
+
+      .space-logo {
+        height: auto;
+        width: auto;
+        max-width: 300px;
+        max-height: 150px;
+        margin-bottom: 0;
+      }
+
+      .email-content {
+        padding: 40px;
+        font-family: Open Sans, Helvetica, Arial, sans-serif;
+        color: #000000;
+        font-size: 16px;
+        background-color: #ffffff;
+      }
+
+      .email-footer {
+        height: 250px;
+        width: 100%;
+        background-position: center;
+        background-repeat: no-repeat;
+        background-color: #181818;
+      }
+
+      /* iOS BLUE LINKS */
+
+      .appleBody a {
+      color: #68440a;
+      text-decoration: none;
+      }
+
+      .appleFooter a {
+      color: #999999;
+      text-decoration: none;
+      }
+      
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+      color: #1d1d1d;
+      line-height: 1.5;
+      padding: 0 0 0 0;
+      margin-bottom: 15px;
+      text-align: left;
+      }
+      h1 {
+      font-weight: 300 !important;
+      font-size: 35px !important;
+      line-height: 38px !important;
+      margin-top: 0;
+      }
+      h2 {
+      font-weight: 300 !important;
+      font-size: 25px !important;
+      line-height: 28px !important;
+      }
+      h3 {
+      font-weight: 300 !important;
+      font-size: 22px !important;
+      line-height: 22px !important;
+      }
+      p {
+        font-weight: 400;
+        font-size: 16px;
+        line-height: 24px;
+        padding: 0 0 15px 0;
+        color: #5f656d;
+        text-align: left;
+      }
+      .unsubscribe-wrapper a {
+      color: #666666
+      }
+      .unsubscribe-wrapper {
+      display: block;
+      padding: 10px 0;
+      color: #5f656d;
+      text-align: right;
+      background-color: #1d1d1d;
+      border-top: 1px solid #5f656d;
+      }
+      .unsubscribe-link {
+        color: #666666;
+        margin-right: 40px;
+      }
+      a.email-button {
+        display: block;
+        min-height: 25px;
+        min-width: 100px;
+        margin-left: 20% !important;
+        margin-right: 20% !important;
+        margin-top: 15px;
+        margin-bottom: 30px;
+        padding: 0 10px !important;
+        font-size: 18px;
+        font-weight: 500;
+        font-style: bold;
+        text-decoration: none;
+        text-align: center;
+        color: #222222;
+        background-color: #78EAC1;
+        border-top: 15px solid #78eac1;
+        border-bottom: 15px solid #78eac1;
+        border-left: 15px solid #78eac1;
+        border-right: 15px solid #78eac1;
+        border-radius: 30px;
+        -webkit-border-radius: 30px;
+        outline: none;
+      }
+      a.intercom-h2b-button {
+        display: block;
+        min-height: 25px;
+        min-width: 100px;
+        margin-left: 20% !important;
+        margin-right: 20% !important;
+        margin-top: 15px;
+        margin-bottom: 30px;
+        padding: 0 10px !important;
+        font-size: 18px;
+        font-weight: 500;
+        font-style: bold;
+        text-decoration: none;
+        text-align: center;
+        color: #222222;
+        background-color: #78EAC1;
+        border-top: 15px solid #78EAC1;
+        border-bottom: 15px solid #78EAC1;
+        border-left: 15px solid #78EAC1;
+        border-right: 15px solid #78EAC1;
+        border-radius: 30px;
+        -webkit-border-radius: 30px;
+        outline: none;
+      }
+      .button-wrapper {
+        text-align: center;
+        background-color: #236a84;
+        padding: 40px 0;
+      }
+      a.wrapped {
+        margin-left: 0;
+        background-color: #fff;
+        color: #236a84;
+      }
+      ul,
+      ol {
+        text-align: left;
+      }
+
+
+table(border='0', cellpadding='0', cellspacing='0', width='100%')
+  tr
+    td.mobile-padding(align='center', vertical-align='top', width='100%', bgcolor='#181818', style="background-size: cover; padding: 35px 15px 0 15px;")
+      table(align='center', border='0', cellpadding='0', cellspacing='0', width='100%', style='max-width:600px;')
+        tr
+          td.space-logo-container(align='center')
+            img.space-logo(src='/assets/images/logo_testinator/testinator_logo_purpleteal_black_1000px.png', alt='Logo')
+  body
+    table(border='0', cellpadding='0', cellspacing='0', width='100%')
+      tbody
+        tr
+          td(align='center')
+            table.email-wrapper(border='0', cellpadding='0', cellspacing='0', width='600')
+              tbody
+                tr
+                  td.email-content(align='center', style='font-size: 14px; line-height: 1.4; font-family: Helvetica, Arial, sans-serif;')
+                    h1 Here&apos;s the main h1 heading
+                    p
+                      strong Strong subheadline with some lorem ipsum
+                    p
+                      | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer feugiat facilisis purus at scelerisque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam tincidunt porttitor eros, vitae vestibulum dui facilisis eu. Cras eu ipsum lacus. Integer faucibus iaculis lorem, quis pretium leo rhoncus eget. Duis sodales tincidunt est a pretium. Nunc orci nisl, dignissim non pretium sed, fermentum vel purus. Sed quis enim rhoncus leo dapibus molestie in eu risus. Sed tincidunt tristique urna. Nullam accumsan tincidunt sem vitae fermentum. Nunc est nulla, adipiscing et laoreet nec, 
+                      a convallis vel ante
+                      | . Quisque cursus, odio ac pharetra tristique, diam felis lobortis orci, at blandit sem mauris eget lacus. Ut placerat posuere lacus, nec suscipit libero iaculis in.
+                    a.email-button(href='#') email-button
+                    img(src='/assets/images/placeholders/Approaches-desktop.png')
+                    h2 Here&apos;s an h2 heading for structuring the content
+                    p Fusce eget augue quam. Maecenas vehicula ligula in nibh dapibus sollicitudin. Donec eget vulputate mauris. Duis fringilla nunc vitae quam euismod non interdum orci aliquet. Duis at lacus erat, sed ultricies felis. Phasellus faucibus mauris vel odio iaculis ullamcorper. In hac habitasse platea dictumst. Integer id odio justo. Ut a ligula arcu. Vestibulum nec quam justo. Suspendisse molestie neque a enim accumsan auctor ornare lacus pellentesque. Praesent vitae lectus vitae sapien scelerisque auctor.
+                    p Here&apos;s an announcement message containing facilisis auctor dolor, et fringilla turpis suscipit et. Pellentesque ipsum risus, vehicula eu rutrum non, ornare aliquam lectus. Donec sed tortor ut quam ultrices tincidunt. Sed sagittis tincidunt pulvinar.
+                    h3 H3 New announcements
+                    p.email-card
+                      | A card containing some very important: Ut facilisis auctor dolor, et fringilla turpis suscipit et. Pellentesque ipsum risus, vehicula eu rutrum non, ornare aliquam lectus. Donec sed tortor ut quam ultrices tincidunt. Sed sagittis tincidunt pulvinar.
+                    a.intercom-h2b-button(href='#') intercom-h2b-button
+
+    table(width='100%', cellspacing='0', cellpadding='0', border='0')
+      tbody
+        tr.email-footer(align='center')
+          td
+            table(align='center', cellpadding='0', cellspacing='0', border='0', width='600')
+              tbody
+                tr
+                  td(style='padding: 10px 0 10px 30px; font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;', valign='middle', align='left')
+                    a(target='_blank', href='http://testinator.ai')
+                      img(style='display: block;', height='30', width='190', src='/assets/images/logo_testinator/testinator_logo_purpleteal_white_1000px.png', alt='Logo')
+                  td(style='padding: 10px 0 10px 30px; font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;', valign='middle', align='left') 
+                    p Powered by Test IO | EPAM
+        tr
+          td
+            .unsubscribe-wrapper(style='text-align: center; font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color:#666666;')
+              | {{ unsubscribe_link }}

package/src/pages/testinator/email.njk

@@ -0,0 +1,19 @@
+---
+tags: testinator
+title: Email Template
+---
+
+<a class="btn btn-primary" href="/email-testinator">Show email template</a>
+
+{% set collection = collections.testinatorEmail %}
+{%- for section in collection -%}
+  <details class="mt-3">
+    <summary class="btn btn-sm btn-gray">
+      <span class="icon icon-format-code mr-icon-spacing"></span>
+      <span>Show source</span>
+    </summary>
+    <div class="ds-code-preview">
+      <pre><code class="code html-preview">{{ section.templateContent | trim }}</code></pre>
+    </div>
+  </details>
+{%- endfor -%}

package/src/pages/testinator/index.njk

@@ -0,0 +1,7 @@
+---
+layout: base
+permalink: testinator/
+---
+
+{% set collection = collections.testinator %}
+{% include "page-with-sidebar-nocode.njk" %}

package/src/pages/testinator/logo.haml

@@ -0,0 +1,18 @@
+---
+tags: testinator
+title: Testinator logo
+---
+
+.grid.gap-md.grid-cols-2{class:"xl:grid-cols-3 2xl:grid-cols-4"}
+  %a.block{href:"/assets/images/logo_testinator/testinator_logo_purpleteal_white_1000px.png"}
+    %img.bg-gray-lightest.p-md{src:"/assets/images/logo_testinator/testinator_logo_purpleteal_white_1000px.png"}
+    .text-xs.mt-2 Logo horizontal white PNG
+  %a.block{href:"/assets/images/logo_testinator/testinator_logo_purpleteal_white.svg"}
+    %img.bg-gray-lightest.p-md{src:"/assets/images/logo_testinator/testinator_logo_purpleteal_white.svg"}
+    .text-xs.mt-2 Logo horizontal white SVG
+  %a.block{href:"/assets/images/logo_testinator/testinator_logo_purpleteal_black_1000px.png"}
+    %img.bg-gray-lightest.p-md{src:"/assets/images/logo_testinator/testinator_logo_purpleteal_black_1000px.png"}
+    .text-xs.mt-2 Logo horizontal black PNG
+  %a.block{href:"/assets/images/logo_testinator/testinator_logo_purpleteal_black.svg"}
+    %img.bg-gray-lightest.p-md{src:"/assets/images/logo_testinator/testinator_logo_purpleteal_black.svg"}
+    .text-xs.mt-2 Logo horizontal black SVG

package/src/_includes/card_popover.haml

@@ -1,7 +0,0 @@
-%details.popover-wrapper.dropright.card-info-popover
-  %summary
-  .btn.btn-sm.btn-square
-    .icon.icon-info
-  .popover-menu.info
-  .popover-title Popover title
-  .popover-content Popover content Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.