bullet_train-themes-tester 1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: a853cac5bfc14eac7cd4b7752843828f1ebd4ee57d9d8c01cf7db0242e973033
+  data.tar.gz: a397925ff8870559d044adae012d53381397f40ec7f7d873bf2b5f921f273f72
+SHA512:
+  metadata.gz: 1b4c403434ac17bcaf735c26a298c7b7ceb177cbc782e91b9a1ec678b2ba8b72412ae44fb9438bcf01b19487a47dead5e354617d97176b19ef28d2a142f8a339
+  data.tar.gz: 756ad09d089a6a5fccf940f91016e35a9c3b2a28b921ab42507843a512640b18b493b3514cc42b83d0962309d149585ad8c351165889566838cb4103eb963040

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+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
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,28 @@
+# BulletTrain::Themes::Tester
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem "bullet_train-themes-tester"
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install bullet_train-themes-tester
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,8 @@
+require "bundler/setup"
+
+APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
+load "rails/tasks/engine.rake"
+
+load "rails/tasks/statistics.rake"
+
+require "bundler/gem_tasks"

data/app/assets/stylesheets/tailwindcss/base.css

@@ -0,0 +1 @@
+@tailwind base;

data/app/assets/stylesheets/tailwindcss/components.css

@@ -0,0 +1 @@
+@tailwind components;

data/app/assets/stylesheets/tailwindcss/utilities.css

@@ -0,0 +1 @@
+@tailwind utilities;

data/app/assets/stylesheets/tester/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/tester/application.css

@@ -0,0 +1,33 @@
+@import "./tailwind/components";
+@import "./tailwind/utilities";
+@import "./tailwind/dark-mode";
+@import "./tailwind/colors";
+
+@import "./electron";
+@import './fields';
+@import './turn';
+
+/* 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-primary-500 hover:bg-primary-600;
+    }
+  }
+}
+
+/* hide the first breadcrumb chevron */
+ol.breadcrumb li:first-child svg { display: none; }

data/app/assets/stylesheets/tester/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/tester/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: var(--primary-500);
+        }
+      }
+    }
+    &.present {
+      i {
+        display: none;
+      }
+      & + button.clear {
+        display: inline;
+      }
+    }
+    &:focus, &:active {
+      border-color: var(--primary-500);
+      i {
+        color: var(--primary-500);
+      }
+    }
+  }
+}

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

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

data/app/assets/stylesheets/tester/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/tester/fields/phone_field.css

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

data/app/assets/stylesheets/tester/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-primary-500 !important;
+    box-shadow: inset 0 0 0 1px var(--primary-500) !important;
+    outline: 0 !important;
+  }
+
+  .select2-selection--single, .select2-selection--multiple {
+    @apply border-gray-300;
+    @apply rounded-md shadow-sm pt-0 focus:ring-primary-500 !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-primary-500 !important;
+  }
+
+  .select2-search__field {
+    @apply rounded-md;
+    @apply border-gray-300 !important;
+
+    &:focus {
+      border-color: #5897fb !important;
+    }
+  }
+}

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

@@ -0,0 +1,90 @@
+@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 var(--primary-500);
+    background: white;
+    list-style: none;
+    padding: 0;
+    &:empty {
+      display: none;
+    }
+    li {
+      @apply flex items-center;
+
+      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: var(--primary-500);
+    box-shadow: inset 0 0 0 1px var(--primary-500);
+  }
+}
+
+.trix-hide-toolbar {
+  trix-toolbar {
+    display: none !important;
+  }
+}