bullet_train-themes-light 1.0.7 → 1.0.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f7b07d00515c14850ac5da528b5b26ce656fed8a0314aa3058d4cb60f17fd5d3
-  data.tar.gz: 594d6ed9181e26ce8a139ea7972eabc47d7e3beef048446c1b6a08e3b2239e8c
+  metadata.gz: 41d736402e6f38b02c5a08f133eca0f16ce4d1760fb2a8027a0a5254fcafbbdb
+  data.tar.gz: 5773196742bd8871951bc176b2b11f61d983ab89ddf19f9ec9379fc1868e9287
 SHA512:
-  metadata.gz: 218e25be28cf97c0c54639a16a22db3e52a9ec4d445a85c02cd78df4815952979a9256c6fc51e2aae6ac662ef89f11221aa3f07bfafd1abfcc0e78a246f1b914
-  data.tar.gz: 7f3fb2e4024eb6da1fd942c1ee2d383be45be6a79bc6e92fe98a9e29552c23e7f03e797ecd29e655ec115db145094ede9ef882d3764a4779381275c9fcff0538
+  metadata.gz: 2bf2788ddb448c704c2d59b0f1e26b4b1013540890c8e029fefd09cc51209b6aa94bc6a5d9fc311193ede7776d8431c9bb394e8731c9f505fb0fd86188be8cc2
+  data.tar.gz: 6fa8e7ec0e8b642cf438b2c1d08f1fa125f23d04dedad5259fcf2228930f9c471d8ce9beeed760f78bbce303baaaaa4743bcaeb21adbcb7f80a65b8854cf11c4

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,96 @@
+.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;
+  }
+}