satis 2.1.12 → 2.1.16

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1d09cda5273cb1d5e0e268b32749f5b808b6e12dd0ded986d9451c8aa2bdaaee
-  data.tar.gz: 0ee7375b40b1bf8a4ca55c867c527bea7e88343d02dcf8d6620517e42f8f317e
+  metadata.gz: 74806feddf7a4ab0f6913c1b8b8c8f8b670d61fb390300de95ef561bef627e90
+  data.tar.gz: 72282c0016920420b9c079affe8dc2781d74bb562479967cd262ad8ce9d08ec2
 SHA512:
-  metadata.gz: d50b2ce030af97c86bc441b125031e470b04ff3f5c07d8107ed860aaa431c3e3332f75581c9fcfbe9db251675db663724926fb77eccd3945579d28f9a51cef57
-  data.tar.gz: 0c9267172b2a8ea528efa680ffa050652f2f47d55cfca9dbb1afd315086f622784a724c6ec08a9dac95fea98ec23bf2bec1c0fae9a6fc54934aa5222bd95188d
+  metadata.gz: 25c4a4054d1ebe78789dc45e984cbd08861224f1464fd4471775003b8c509ed5947649440d5047279119d301d72c024a96a65369421ff98e943c5702898cb218
+  data.tar.gz: 12ca01cc1264a62be9e8da9accb630dce60aee2ffc9ab4527f86170434f8dc5014e51892d8c057e49b38df698657893f688a5c99da060630486d67b90e83488b

data/app/assets/stylesheets/satis/components/form.css

@@ -27,7 +27,7 @@ form {
   @apply mb-0;
 
   .form-label {
-    @apply block text-xs text-gray-400 uppercase;
+    @apply block text-xs text-gray-400 dark:text-gray-300 uppercase;
 
     &.required:after {
       content: "*";
@@ -36,19 +36,19 @@ form {
 
   input.form-control,
   select.form-control {
-    @apply border rounded w-full py-2 px-3 h-12 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-800 dark:border-gray-700;
+    @apply rounded w-full py-2 px-3 h-12 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-900 dark:drop-shadow dark:border-none;
   }
 
   textarea.form-control {
-    @apply border rounded w-full py-2 px-3 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-800 dark:border-gray-700;
+    @apply rounded w-full py-2 px-3 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-900 dark:drop-shadow dark:border-none;
   }
 
   .form-select {
-    @apply border rounded w-full py-2 px-3 h-12 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-800 dark:border-gray-700;
+    @apply rounded w-full py-2 px-3 h-12 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-900 dark:drop-shadow dark:border-none;
   }
 
   .form-multiselect {
-    @apply border rounded w-full py-2 px-3 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-800 dark:border-gray-700;
+    @apply rounded w-full py-2 px-3 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-900 dark:drop-shadow dark:border-none;
   }
 
   .custom-select {
@@ -116,9 +116,13 @@ form {
   }
 
   .fields_for {
+    @apply dark:bg-gray-800;
+    .field-for-bg{
+      @apply dark:bg-gray-800;
     .template {
+      @apply dark:bg-gray-800;
       .fields {
-        @apply opacity-50;
+        @apply opacity-50 dark:bg-gray-800;
       }
       &:hover {
         .fields {
@@ -126,6 +130,7 @@ form {
         }
       }
     }
+    }
   }
 
   .form-text {
@@ -149,7 +154,6 @@ form {
       height: 1rem;
       width: 30%;
       border-bottom: 1px dashed #e5e7eb;
-      @apply dark:border-gray-700;
     }
 
     .nested-fields_action {

data/app/assets/stylesheets/satis/components/trix.css

@@ -92,7 +92,63 @@ trix-toolbar .trix-button--icon {
     opacity: 1; }
   trix-toolbar .trix-button--icon:disabled::before {
     opacity: 0.125; }
-
+    
+  .dark trix-editor {
+    border: 1px solid #555;
+    background-color: #333;
+    color: #ddd;
+  }
+  
+  .dark trix-toolbar .trix-button-group {
+    @apply border-none;
+    border: 1px solid #555;
+    border-top-color: #666;
+    border-bottom-color: #444;
+  }
+  
+  .dark trix-toolbar .trix-button {
+    @apply border-none;
+    color: white;
+  }
+  
+  .dark trix-toolbar .trix-button:not(:first-child) {
+    @apply border-none;
+    border-left: 1px solid #444;
+  }
+  
+  .dark trix-toolbar .trix-button.trix-active {
+    @apply border-none;
+    background: #007acc;
+    color: white;
+  }
+  
+  .dark trix-toolbar .trix-button:disabled {
+    @apply border-none;
+    color: rgba(255, 255, 255, 0.125);
+  }
+  
+  .dark trix-toolbar .trix-button--icon::before {
+    @apply border-none;
+    filter: invert(1); /* Inverts the color to white */
+    opacity: 0.6;
+  }
+  
+  .dark trix-toolbar .trix-button--icon.trix-active::before {
+    @apply border-none;
+    filter: invert(1); /* Inverts the color to white */
+    opacity: 1;
+  }
+  
+  .dark trix-toolbar .trix-button--icon:disabled::before {
+    @apply border-none;
+    opacity: 0.125;
+  }
+
+  .dark trix-editor .pre {
+    @apply bg-gray-800 text-white;
+  }
+
+  
 trix-toolbar .trix-button--icon-attach::before {
   background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
   top: 8%;

data/app/components/satis/card/component.css

@@ -2,7 +2,7 @@
   @apply bg-white h-full sm:rounded-lg sm:shadow dark:bg-gray-800 overflow-hidden;
 
   &__header {
-    @apply px-4 py-5 sm:px-6 dark:bg-gray-800 dark:border-gray-700;
+    @apply px-4 py-5 sm:px-6 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-300;
   }
 
   &__tabs {
@@ -13,6 +13,10 @@
     }
   }
 
+  .sts-card__header{
+    @apply dark:bg-gray-900 dark:bg-opacity-50;
+  }
+
   a.tab:not(.selected) {
     @apply dark:text-gray-300;
   }

data/app/components/satis/card/component.html.slim

@@ -6,7 +6,7 @@
           .ml-4.mt-4.flex-shrink-0.text-primary-600.dark:text-gray-300
             i class=icon
         .ml-4.mt-4.flex-1
-          h3.text-lg.leading-6.font-medium.text-gray-900.dark:text-gray-300
+          h3.text-lg.leading-6.font-medium.text-gray-900.dark:text-white
             == title
           - if description.present?
             p.mt-1.text-sm.text-gray-500.dark:text-gray-500

data/app/components/satis/dropdown/component.css

@@ -27,6 +27,14 @@
   @apply bg-gray-50 rounded-lg shadow dark:bg-gray-900;
 }
 
+.changelog-menu{
+  @apply dark:bg-gray-900 dark:border-gray-100 dark:shadow-gray-800 divide-y divide-gray-100 dark:divide-gray-800 right-0 z-10 mx-1 w-1/3 rounded-md bg-white text-gray-500 dark:text-gray-100 shadow-lg ring-1 ring-black ring-opacity-5 overflow-y-auto max-h-screen;
+}
+
+.changelog-menu .changelog-menu-item{
+  @apply py-1 hover:bg-gray-50 divide-gray-900 dark:divide-gray-500 dark:hover:bg-gray-700 cursor-pointer;
+}
+
 .satis-dropdown .topbar-dropdown-results{
   overflow-y: scroll;
   @apply bg-gray-50 divide-gray-900 divide-opacity-25 shadow-gray-300 shadow-lg text-gray-900 text-opacity-75 dark:bg-gray-900 dark:shadow-gray-700 dark:shadow-lg dark:bg-opacity-75 dark:divide-gray-50 dark:divide-opacity-25 dark:text-gray-300;
@@ -40,3 +48,4 @@
   @apply dark:border-gray-700 border-b divide-gray-200 divide-opacity-25 hover:bg-gray-200 hover:shadow dark:hover:text-white dark:bg-opacity-75 dark:hover:bg-gray-800 dark:bg-gray-900 dark:divide-gray-100 dark:divide-opacity-5;
 }
 
+

data/app/views/shared/_fields_for.html.slim

@@ -5,7 +5,7 @@
 - if template_object
   template data-satis-fields-for-target='template'
     = form.rails_fields_for collection, template_object, child_index: 'TEMPLATE' do |nested_form|
-      .nested-fields.template.py-2
+      .nested-fields.template.py-2.field-for-bg
         = nested_form.input :id, as: :hidden
         = nested_form.input :_destroy, as: :hidden
         .grid.grid-cols-12.gap-4
@@ -21,7 +21,7 @@
               i.fal.fa-trash
 
 = form.rails_fields_for collection do |nested_form|
-  .nested-fields.py-2
+  .nested-fields.field-for-bg.py-2
     = nested_form.input :id, as: :hidden
     = nested_form.input :_destroy, as: :hidden
     .grid.grid-cols-12.gap-4

data/lib/satis/version.rb

@@ -1,3 +1,3 @@
 module Satis
-  VERSION = "2.1.12"
+  VERSION = "2.1.16"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: satis
 version: !ruby/object:Gem::Version
-  version: 2.1.12
+  version: 2.1.16
 platform: ruby
 authors:
 - Tom de Grunt
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-05-17 00:00:00.000000000 Z
+date: 2024-05-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: browser