bullet_train-themes-light 1.0.8 → 1.0.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b90beb47e96c62a7bd1ab409607436aed12dad569eac5ffbd24ae69ea6a7bfb6
-  data.tar.gz: b07607b04b83c80d4990ba55f01a030058e8427776dd0b90b54bd13d28a01b48
+  metadata.gz: 8f380dad7175edc562c592b197569cc6a435c2a33f2e1b3470d665311599d462
+  data.tar.gz: bae286373604c34f7e2cc77b99bd44757a525e3ce70087f5a1271ee55e7ca557
 SHA512:
-  metadata.gz: 07ea3d59f77b789725e35607bbecf6ee44f168056d60e6411b4aae0d93cb6719b19a1d117c43cf9f3e7cd8badcfca616c461182f0553ddb06d6d7f1231726d48
-  data.tar.gz: ceb5e26b93c910b716e6fa973ca402eb2077eeb1a3340fa465c382763f05a8c0aaadec4c9b4b4015788a707f994c78ec53930df3ebe52b109d1c5ff968fb5376
+  metadata.gz: 9178d4aa910c1c52389aa88d88c158e38b70d333f002de7f654003c93334a13ead015abc224f4b9d79b50097a3e2ffce6197a7897c0a0fd78567a71c5256dcf0
+  data.tar.gz: f0c5cfba40511514fe08c53be82286f6118df4b004b80015282c58bd60b6075b98114cfc7d17dce0531cb1b53f0116e68a5b0a01cc45430dca551f60da582e7f

data/MIT-LICENSE

@@ -1,4 +1,4 @@
-Copyright 2022 Andrew Culver
+Copyright 2022 Bullet Train, Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

data/app/assets/stylesheets/light/actiontext.css

@@ -0,0 +1,26 @@
+.trix-content {
+  .attachment-gallery {
+    > action-text-attachment,
+    > .attachment {
+      flex: 1 0 33%;
+      padding: 0 0.5em;
+      max-width: 33%;
+    }
+
+    &.attachment-gallery--2,
+    &.attachment-gallery--4 {
+      > action-text-attachment,
+      > .attachment {
+        flex-basis: 50%;
+        max-width: 50%;
+      }
+    }
+  }
+
+  action-text-attachment {
+    .attachment {
+      padding: 0 !important;
+      max-width: 100% !important;
+    }
+  }
+}

data/app/assets/stylesheets/light/application.css

@@ -0,0 +1,31 @@
+@import "./tailwind/components";
+@import "./tailwind/utilities";
+@import "./tailwind/dark-mode";
+
+@import "./electron";
+@import './fields';
+
+/* TODO there is probably a better way to do this. */
+.hover-indent-child {
+  .indent-child {
+    transition: transform 0.2s ease;
+  }
+  &:hover {
+    .indent-child {
+      transform:translateX(8px);
+    }
+  }
+}
+
+form.button_to {
+  @apply inline-block;
+  input[type=submit] {
+    @apply bg-transparent;
+    &.button {
+      @apply bg-blue hover:bg-blue-dark;
+    }
+  }
+}
+
+/* hide the first breadcrumb chevron */
+ol.breadcrumb li:first-child svg { display: none; }

data/app/assets/stylesheets/light/electron.css

@@ -0,0 +1,46 @@
+/* Import Electron utilities shared across all Tailwind-based themes. */
+/* @import "../tailwind/electron.scss"; */
+
+.electron, .todesktop {
+
+  a {
+    outline-color: var(--tw-ring-color);
+    --tw-ring-color: rgba(3, 98, 198, var(--tw-ring-opacity));
+    --tw-ring-opacity: 1;
+  }
+
+  .electron-mobile-only {
+    @apply block lg:hidden;
+  }
+
+  .electron-title-bar {
+    /* override `md:rounded-lg` */
+    border-top-left-radius: 0;
+
+    /* hide logo because it doesn't fit into the ui well. */
+    img { display: none; }
+
+    min-height: 36px;
+  }
+
+  .main-container-padding {
+    padding: 0;
+  }
+
+  .main-container {
+    /* override `md:rounded-lg` */
+    border-top-right-radius: 0;
+    border-top-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+
+    /* override `md:h-auto` */
+    height: 100vh;
+  }
+
+  /* hide profiler results because they don't fit into the ui well. */
+  .profiler-results { display: none; }
+
+  /* touch up the padding of the breadcrumbs. */
+  ol.breadcrumb { padding-top: 3px; }
+}

data/app/assets/stylesheets/light/fields/cloudinary_image.css

@@ -0,0 +1,58 @@
+.cloudinary-field {
+  button.upload {
+    margin: 0;
+    border-radius: 4px;
+    padding: 0;
+    border: 2px solid #dde2ec;
+    background: transparent;
+    position: relative;
+    min-height: 50px;
+    min-width: 50px;
+    &:not(.present) {
+      min-height: 100px;
+      min-width: 100px;
+    }
+    i {
+      display: block;
+      text-align: center;
+      vertical-align: middle;
+      position: absolute;
+      line-height: 50px;
+      width: 50px;
+      height: 50px;
+      margin-left: -25px;
+      margin-top: -25px;
+      top: 50%;
+      left: 50%;
+      font-size: 32px;
+      color: #dde2ec;
+    }
+    & + button.clear {
+      display: none;
+      font-size: 32px;
+      color: #dde2ec;
+      background: transparent;
+      border: 0;
+      vertical-align: -7px;
+      &:focus, &:active {
+        i {
+          color: #047bf8;
+        }
+      }
+    }
+    &.present {
+      i {
+        display: none;
+      }
+      & + button.clear {
+        display: inline;
+      }
+    }
+    &:focus, &:active {
+      border-color: #047bf8;
+      i {
+        color: #047bf8;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/light/fields/date_field.css

@@ -0,0 +1,19 @@
+@layer components {
+  .date-input {
+    .single-daterange {
+      @apply rounded-md shadow-sm focus:ring-blue focus:border-blue font-light text-sm;
+    }
+  }
+
+  .daterangepicker {
+    .hourselect, .minuteselect, .ampmselect {
+      @apply rounded-md shadow-sm focus:ring-blue font-light;
+      @apply border-gray-300 focus:border-blue bg-white !important;
+      text-align-last: center;
+    }
+
+    .calendar-table .active {
+      @apply bg-blue !important;
+    }
+  }
+}

data/app/assets/stylesheets/light/fields/index.css

@@ -0,0 +1,5 @@
+@import './cloudinary_image';
+@import './date_field';
+@import './phone_field';
+@import './super_select';
+@import './trix_editor';

data/app/assets/stylesheets/light/fields/phone_field.css

@@ -0,0 +1,7 @@
+input[type=tel] {
+  line-height: 21px;
+
+  &::placeholder {
+    color: #9ca3af;
+  }
+}

data/app/assets/stylesheets/light/fields/super_select.css

@@ -0,0 +1,103 @@
+.select2-container--default {
+  .select2-selection--single,
+  .select2-selection--multiple {
+    @apply border-gray-300;
+  }
+}
+
+.select2-selection.select2-selection--single {
+  min-height: 37px;
+  .select2-selection__rendered {
+    padding-left: 12px;
+    min-height: 34px;
+    line-height: 34px;
+  }
+  .select2-selection__arrow {
+    padding-top: 35px;
+  }
+}
+
+.select2-container .select2-search--inline .select2-search__field {
+  font-weight: 300;
+  margin-top: 6px;
+}
+
+.select2 {
+  display: block;
+  img {
+    display: none;
+  }
+}
+
+.select2-results {
+  img {
+    height: 30px;
+    width: 30px;
+    border-radius: 15px;
+    margin-right: 8px;
+  }
+}
+
+@layer components {
+  .select2-container {
+    @apply w-full;
+  }
+
+  .select2-border {
+    @apply border-blue !important;
+    box-shadow: inset 0 0 0 1px #047bf8 !important;
+    outline: 0 !important;
+  }
+
+  .select2-selection--single, .select2-selection--multiple {
+    @apply border-gray-300;
+    @apply rounded-md shadow-sm pt-0 focus:ring-blue !important;
+    height: 38px !important;
+
+    &.focus-visible {
+      @extend .select2-border;
+    }
+
+    &:focus {
+      outline: 0 !important;
+    }
+
+    .select2-selection__arrow {
+      height: 34px !important;
+    }
+
+    .select2-selection__rendered {
+      @apply text-gray-500 pl-3 !important;
+      line-height: 35px !important;
+    }
+  }
+
+  .select2-selection--multiple .select2-selection__choice {
+    margin-top: 6px !important;
+    line-height: 22px !important;
+  }
+
+  .select2-container--open, .select2-container--focus {
+    .select2-selection--single, .select2-selection--multiple {
+      @extend .select2-border;
+    }
+  }
+
+  .select2-container .select2-dropdown {
+    @apply border-2 border-gray-300 shadow-sm overflow-hidden !important;
+    border-color: #5897fb !important;
+  }
+
+  .select2-container--default .select2-results__option[aria-selected=true] {
+    @apply text-white bg-blue !important;
+  }
+
+  .select2-search__field {
+    @apply rounded-md;
+    @apply border-gray-300 !important;
+
+    &:focus {
+      border-color: #5897fb !important;
+    }
+  }
+}

data/app/assets/stylesheets/light/fields/trix_editor.css

@@ -0,0 +1,88 @@
+@import "../actiontext";
+
+/* don't show the editor tool bar unless the user is editing the field. */
+/* see https://github.com/basecamp/trix/issues/343 and `app/assets/javascripts/account/fields.js` */
+trix-toolbar {
+  opacity: 0.15;
+  &.visible {
+    opacity: 1;
+  }
+}
+
+a[href^="bullettrain://"], span.tribute-reference {
+  border-radius: 4px;
+  display: inline-block;
+  box-sizing: border-box;
+  padding: 0 4px;
+  margin: -1px 0;
+  color: #3E4B5B;
+  line-height: 17px;
+  text-decoration: none;
+  background-color: #ebe2ff;
+  border: 1px solid #7147d2;
+}
+
+a[href^="bullettrain://users"], a[href^="bullettrain://teams"], span.tribute-users-reference, span.tribute-teams-reference {
+  background-color: #e2ebff;
+  border: 1px solid #4771d2;
+}
+
+.tribute-container {
+  ul {
+    border-radius: 5px;
+    overflow: hidden;
+    box-sizing: border-box;
+    border: 2px solid #047bf8;
+    background: white;
+    list-style: none;
+    padding: 0;
+    &:empty {
+      display: none;
+    }
+    li {
+      span {
+        font-weight: normal;
+      }
+      &.highlight {
+        background-color: #5897fb;
+        color: white;
+      }
+      padding: 5px 10px;
+      img {
+        height: 30px;
+        width: 30px;
+        border-radius: 15px;
+        margin-right: 5px;
+      }
+    }
+  }
+}
+
+trix-editor [data-trix-cursor-target] {
+  display: none !important;
+  height: 0 !important;
+  width: 0 !important;
+  /* background-color: red; */
+}
+
+.trix-editor {
+  * {
+    box-sizing: border-box;
+  }
+}
+
+trix-editor {
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
+  @apply shadow-sm border-gray-300 font-light rounded-md;
+  &:focus, &:active {
+    border-color: #047bf8;
+    box-shadow: inset 0 0 0 1px #047bf8;
+  }
+}
+
+.trix-hide-toolbar {
+  trix-toolbar {
+    display: none !important;
+  }
+}