testio-tailwind 0.2.0 → 0.2.2

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

@@ -1,109 +1,109 @@
-
-.table {
-  @apply w-full mb-spacing;
-
-  th,
-  td {
-    @apply p-xs align-middle border-t border-bordercolor;
-  }
-
-  thead th {
-    @apply text-left align-bottom border-b border-bordercolor;
-  }
-
-  tbody + tbody {
-    @apply border-t border-bordercolor;
-  }
-}
-
-.table-bordered {
-  @apply border border-bordercolor;
-
-  th,
-  td {
-    @apply border border-bordercolor;
-  }
-
-  thead {
-    th,
-    td {
-      @apply border-b border-bordercolor;
-    }
-  }
-}
-
-.table td {
-
-  &.td-fixed-width {
-    max-width: 150px;
-  }
-
-  &.td-actions {
-    min-width: 120px;
-    max-width: 150px;
-  }
-
-  &.title {
-    max-width: 500px;
-  }
-}
-
-.table.table-borderless {
-  th {
-    border: 0;
-  }
-
-  td {
-    border: 0;
-  }
-}
-
-.table.table-sm td {
-  @apply pr-spacing;
-  &:last-child {
-    padding-right: 0;
-  }
-}
-
-.table th,
-.table thead th {
-  @apply py-xxs text-label font-semibold border-b border-bordercolor;
-}
-
-.table tr:first-child td,
-.table.tbody tr:first-child td {
-  border-top: 0;
-}
-
-.td-title {
-  @apply inline pr-xs text-black hover:text-link-hover;
-}
-
-.table-bordered,
-.table-bordered thead,
-.table-bordered tbody {
-  border: 0;
-}
-
-.table-bordered tr th:first-child,
-.table-bordered tr td:first-child {
-  border-left: 0;
-}
-
-.table-bordered tr td:last-child,
-.table-bordered tr th:last-child {
-  border-right: 0;
-}
-
-.table td.cell-with-buttons {
-  @apply py-xxs;
-}
-
-.table .linked-cell:hover,
-.table .linked-row:hover {
-  @apply text-white bg-link-hover cursor-pointer;
-}
-
-.table tr:has(.highlight-parent-row:hover) {
-  @apply text-white bg-link-hover cursor-pointer;
+
+.table {
+  @apply w-full mb-spacing;
+
+  th,
+  td {
+    @apply p-xs align-middle border-t border-bordercolor;
+  }
+
+  thead th {
+    @apply text-left align-bottom border-b border-bordercolor;
+  }
+
+  tbody + tbody {
+    @apply border-t border-bordercolor;
+  }
+}
+
+.table-bordered {
+  @apply border border-bordercolor;
+
+  th,
+  td {
+    @apply border border-bordercolor;
+  }
+
+  thead {
+    th,
+    td {
+      @apply border-b border-bordercolor;
+    }
+  }
+}
+
+.table td {
+
+  &.td-fixed-width {
+    max-width: 150px;
+  }
+
+  &.td-actions {
+    min-width: 120px;
+    max-width: 150px;
+  }
+
+  &.title {
+    max-width: 500px;
+  }
+}
+
+.table.table-borderless {
+  th {
+    border: 0;
+  }
+
+  td {
+    border: 0;
+  }
+}
+
+.table.table-sm td {
+  @apply pr-spacing;
+  &:last-child {
+    padding-right: 0;
+  }
+}
+
+.table th,
+.table thead th {
+  @apply py-xxs text-label font-semibold border-b border-bordercolor;
+}
+
+.table tr:first-child td,
+.table.tbody tr:first-child td {
+  border-top: 0;
+}
+
+.td-title {
+  @apply inline pr-xs text-black hover:text-link-hover;
+}
+
+.table-bordered,
+.table-bordered thead,
+.table-bordered tbody {
+  border: 0;
+}
+
+.table-bordered tr th:first-child,
+.table-bordered tr td:first-child {
+  border-left: 0;
+}
+
+.table-bordered tr td:last-child,
+.table-bordered tr th:last-child {
+  border-right: 0;
+}
+
+.table td.cell-with-buttons {
+  @apply py-xxs;
+}
+
+.table .linked-cell:hover,
+.table .linked-row:hover {
+  @apply text-white bg-link-hover cursor-pointer;
+}
+
+.table tr:has(.highlight-parent-row:hover) {
+  @apply text-white bg-link-hover cursor-pointer;
 }

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

@@ -1,122 +1,122 @@
-
-.nav-tabs,
-.nav-pills {
-  @apply relative flex flex-row mb-spacing overflow-x-scroll overflow-y-hidden;
-}
-
-.nav-tabs {
-  @apply border-b border-bordercolor;
-}
-
-.nav-tabs::after {
-  @apply absolute block top-0 right-0 h-full w-spacing;
-  content: "";
-  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
-}
-
-.nav-tabs::-webkit-scrollbar,
-.nav-pills::-webkit-scrollbar,
-.nav-tabs .navlinks::-webkit-scrollbar {
-  display: none;
-  -ms-overflow-style: none;  /* IE and Edge */
-  scrollbar-width: none;  /* Firefox */
-}
-
-.nav-tabs .navlink, 
-.nav-tabs .nav-link {
-  @apply inline-flex items-start whitespace-nowrap mr-md h-spacing text-primary text-heading-5 font-headings border-b border-link-hover rounded-none cursor-pointer;
-  margin-bottom: -1px;
-  line-height: 1;
-  user-select: none;
-
-  &.active {
-    @apply border-b-4 border-info;
-  }
-
-  &:hover, &:focus {
-    @apply text-link-hover border-b-4 border-link-hover;
-  }
-
-  &.disabled, &.disabled:hover, &.disabled:focus {
-    @apply text-disabled;
-    cursor: not-allowed;
-    border-bottom: none;
-  } 
-
-  &:last-child {
-    margin-right: 0;
-  }
-}
-
-.nav-tabs .counter {
-  @apply ml-xxs mr-0 text-sm;
-}
-
-.nav-tabs:has(.nav-actions) {
-  display: grid;
-  grid-template-columns: 1fr auto;
-} 
-
-.nav-tabs:has(.nav-actions) .navlinks {
-  @apply pr-spacing;
-  overflow-x: scroll;
-  overflow-y: hidden;
-  white-space: nowrap;
-} 
-
-.nav-tabs:has(.nav-actions)::after  {
-  content: none;
-} 
-
-.nav-tabs:has(.nav-actions) .nav-actions::before {
-  @apply absolute block top-0 -left-spacing h-full w-spacing;
-  content: "";
-  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
-}
-
-.nav-tabs .nav-actions {
-  @apply relative flex flex-row justify-end self-end bottom-xxs ml-auto whitespace-nowrap;
-}
-
-.nav-tabs .nav-actions .link-with-icon,
-.nav-tabs .nav-actions .linked-icon {
-  @apply ml-sm;
-}
-
-
-/*/////// Nav pills ///////*/
-
-.nav-pills {
-  @apply relative flex mb-md;
-  overflow-x: scroll;
-  overflow-y: hidden;
-}
-
-.nav-pills .navlink {
-  @apply inline-flex items-start flex-shrink-0 whitespace-nowrap mr-xxs py-xxs px-sm bg-gray-lighter rounded cursor-pointer;
-  &.active {
-    @apply text-white bg-info;
-  }
-
-  &:hover, &:focus {
-    @apply text-white bg-link-hover;
-  }
-
-  &.disabled, &.disabled:hover, &.disabled:focus {
-    @apply text-disabled cursor-not-allowed;
-  } 
-
-  &:last-child {
-    margin-right: 0;
-  }
-
-  &.disabled {
-    @apply text-disabled bg-transparent;
-    background-image: url("/assets/images/pattern-stripes-gray.png");
-    background-repeat: repeat;
-  }
-}
-
-.nav-pills .counter {
-  @apply ml-xxs mr-0;
+
+.nav-tabs,
+.nav-pills {
+  @apply relative flex flex-row mb-spacing overflow-x-scroll overflow-y-hidden;
+}
+
+.nav-tabs {
+  @apply border-b border-bordercolor;
+}
+
+.nav-tabs::after {
+  @apply absolute block top-0 right-0 h-full w-spacing;
+  content: "";
+  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
+}
+
+.nav-tabs::-webkit-scrollbar,
+.nav-pills::-webkit-scrollbar,
+.nav-tabs .navlinks::-webkit-scrollbar {
+  display: none;
+  -ms-overflow-style: none;  /* IE and Edge */
+  scrollbar-width: none;  /* Firefox */
+}
+
+.nav-tabs .navlink, 
+.nav-tabs .nav-link {
+  @apply inline-flex items-start whitespace-nowrap mr-md h-spacing text-primary text-heading-5 font-headings border-b border-link-hover rounded-none cursor-pointer;
+  margin-bottom: -1px;
+  line-height: 1;
+  user-select: none;
+
+  &.active {
+    @apply border-b-4 border-info;
+  }
+
+  &:hover, &:focus {
+    @apply text-link-hover border-b-4 border-link-hover;
+  }
+
+  &.disabled, &.disabled:hover, &.disabled:focus {
+    @apply text-disabled;
+    cursor: not-allowed;
+    border-bottom: none;
+  } 
+
+  &:last-child {
+    margin-right: 0;
+  }
+}
+
+.nav-tabs .counter {
+  @apply ml-xxs mr-0 text-sm;
+}
+
+.nav-tabs:has(.nav-actions) {
+  display: grid;
+  grid-template-columns: 1fr auto;
+} 
+
+.nav-tabs:has(.nav-actions) .navlinks {
+  @apply pr-spacing;
+  overflow-x: scroll;
+  overflow-y: hidden;
+  white-space: nowrap;
+} 
+
+.nav-tabs:has(.nav-actions)::after  {
+  content: none;
+} 
+
+.nav-tabs:has(.nav-actions) .nav-actions::before {
+  @apply absolute block top-0 -left-spacing h-full w-spacing;
+  content: "";
+  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
+}
+
+.nav-tabs .nav-actions {
+  @apply relative flex flex-row justify-end self-end bottom-xxs ml-auto whitespace-nowrap;
+}
+
+.nav-tabs .nav-actions .link-with-icon,
+.nav-tabs .nav-actions .linked-icon {
+  @apply ml-sm;
+}
+
+
+/*/////// Nav pills ///////*/
+
+.nav-pills {
+  @apply relative flex mb-md;
+  overflow-x: scroll;
+  overflow-y: hidden;
+}
+
+.nav-pills .navlink {
+  @apply inline-flex items-start flex-shrink-0 whitespace-nowrap mr-xxs py-xxs px-sm bg-gray-lighter rounded cursor-pointer;
+  &.active {
+    @apply text-white bg-info;
+  }
+
+  &:hover, &:focus {
+    @apply text-white bg-link-hover;
+  }
+
+  &.disabled, &.disabled:hover, &.disabled:focus {
+    @apply text-disabled cursor-not-allowed;
+  } 
+
+  &:last-child {
+    margin-right: 0;
+  }
+
+  &.disabled {
+    @apply text-disabled bg-transparent;
+    background-image: url("/assets/images/pattern-stripes-gray.png");
+    background-repeat: repeat;
+  }
+}
+
+.nav-pills .counter {
+  @apply ml-xxs mr-0;
 }

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

@@ -1,29 +1,29 @@
-
-.list-tags {
-  @apply flex flex-row items-center flex-wrap;
-  .tag {
-    @apply mr-xxs mb-xxs;
-  }
-}
-
-.tag {
-  @apply inline-flex items-center flex-row h-md px-xs text-sm leading-none bg-gray-light rounded;
-  padding-top: 2px;
-  padding-bottom: 2px;
-}
-
-.tag .icon {
-  @apply text-xxs h-icon-xxs;
-}
-
-.tag.sm {
-  @apply h-sm text-xs px-xxs;
-}
-
-.tag.focus-group {
-  @apply text-white bg-orange-500;
-} 
-
-.tag.teamleader-verified {
-  @apply text-white bg-gray-dark;
+
+.list-tags {
+  @apply flex flex-row items-center flex-wrap;
+  .tag {
+    @apply mr-xxs mb-xxs;
+  }
+}
+
+.tag {
+  @apply inline-flex items-center flex-row h-md px-xs text-sm leading-none bg-gray-light rounded;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.tag .icon {
+  @apply text-xxs h-icon-xxs;
+}
+
+.tag.sm {
+  @apply h-sm text-xs px-xxs;
+}
+
+.tag.focus-group {
+  @apply text-white bg-orange-500;
+} 
+
+.tag.teamleader-verified {
+  @apply text-white bg-gray-dark;
 } 

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

@@ -1,79 +1,79 @@
-
-.list-tasks,
-.list-issues {
-  @apply gap-sm;
-  display: grid;
-}
-
-.task-item,
-.issue-item {
-  display: grid;
-  grid-template-areas: "item-icon item-title item-metrics"
-                       "item-icon item-info item-info";
-  grid-template-columns: auto 1fr;
-}
-
-.task-item-wrapper,
-.issue-item-wrapper {
-  display: grid;
-  grid-template-columns: 1fr auto;
-}
-
-.task-item:hover,
-.issue-item:hover {
-  .task-icon, 
-  .task-title, 
-  .task-info, 
-  .task-metrics .icon,
-  .issue-icon, 
-  .issue-title, 
-  .issue-info, 
-  .issue-metrics .icon {
-    @apply text-link-hover;
-  }
-}
-
-.task-item .task-icon,
-.issue-item .issue-icon {
-  @apply w-spacing mr-xxs;
-}
-
-.task-item .task-title,
-.issue-item .issue-title {
-  @apply text-black font-medium;
-  grid-area: item-title;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  line-clamp: 3; 
-  -webkit-line-clamp: 3; 
-  line-height: 1.3;
-}
-
-.task-item .task-info,
-.issue-item .issue-info {
-  @apply text-xs text-label-color font-semibold;
-  grid-area: item-info;
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  line-clamp: 2; 
-  -webkit-line-clamp: 2; 
-  padding-top: 2px;
-  line-height: 1.2;
-}
-
-.task-item .task-action
-.issue-item .issue-action {
-  grid-area: item-actions;
-}
-
-.task-item .task-metrics,
-.issue-item .issue-metrics {
-  grid-area: item-metrics;
-}
-
-.task-item .metric-item,
-.issue-item .metric-item {
-  @apply ml-xs;
+
+.list-tasks,
+.list-issues {
+  @apply gap-sm;
+  display: grid;
+}
+
+.task-item,
+.issue-item {
+  display: grid;
+  grid-template-areas: "item-icon item-title item-metrics"
+                       "item-icon item-info item-info";
+  grid-template-columns: auto 1fr;
+}
+
+.task-item-wrapper,
+.issue-item-wrapper {
+  display: grid;
+  grid-template-columns: 1fr auto;
+}
+
+.task-item:hover,
+.issue-item:hover {
+  .task-icon, 
+  .task-title, 
+  .task-info, 
+  .task-metrics .icon,
+  .issue-icon, 
+  .issue-title, 
+  .issue-info, 
+  .issue-metrics .icon {
+    @apply text-link-hover;
+  }
+}
+
+.task-item .task-icon,
+.issue-item .issue-icon {
+  @apply w-spacing mr-xxs;
+}
+
+.task-item .task-title,
+.issue-item .issue-title {
+  @apply text-black font-medium;
+  grid-area: item-title;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  line-clamp: 3; 
+  -webkit-line-clamp: 3; 
+  line-height: 1.3;
+}
+
+.task-item .task-info,
+.issue-item .issue-info {
+  @apply text-xs text-label-color font-semibold;
+  grid-area: item-info;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  line-clamp: 2; 
+  -webkit-line-clamp: 2; 
+  padding-top: 2px;
+  line-height: 1.2;
+}
+
+.task-item .task-action
+.issue-item .issue-action {
+  grid-area: item-actions;
+}
+
+.task-item .task-metrics,
+.issue-item .issue-metrics {
+  grid-area: item-metrics;
+}
+
+.task-item .metric-item,
+.issue-item .metric-item {
+  @apply ml-xs;
 }