rails_toastify 0.1.4 → 0.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ad106eeec4a5dc91967781e1012327953d768abee3af5d5868c72fc8c29706be
-  data.tar.gz: afa96d9999758b8c2820073ad06474afabaed7d6403b895d0e7f1284df9b3743
+  metadata.gz: dbe4093e4b00ca6aed884608e36832d9b4739c4101147ed6fb4f09725132c7d8
+  data.tar.gz: bdeae6a73e70c205c253d6e428425e18d130df7b0368708a6430225a9e053ea1
 SHA512:
-  metadata.gz: 950fe77e61917edbb1283a7330d76f45fd9a7b952f17eb99548e04080e1c09a5df9c2979ec98afbc71abfec67973b4e1e2009070bbf9139338315f24e597e8a4
-  data.tar.gz: 746f2e26fe44d665ed3f47adabb9e7105aca988b35841621be478619d784308b096ebd5b9009c9bec29f841cb769d317f6cde42635f59d5bf0dd5702f8f0742c
+  metadata.gz: 65d7805c01a912990470de84c7de94abcfb62d0c62fcaa1cb10669dfff05f84c24f014b69657aa497f95d5eca406cc8f73cdf4ab3f8f9dd9872e8d7e68aac78e
+  data.tar.gz: a16b9a1874d6cb99b7b6cce8caa1bd0d57b77856a5e55ead272184bdfd82397318a5b1852eb05575cd22afbf5a5db7e6dcbacbb71c2304eeb107d39756927ba9

data/CHANGELOG.md

@@ -1,5 +1,9 @@
 # 0.1.4
 
+- Adjustments CSS progress bar and shadow
+  
+# 0.1.4
+
 - Change CSS
 - Change JS
 

data/app/assets/stylesheets/rails_toastify.css

@@ -12,13 +12,14 @@
     align-items: center;
     background-color: #fff;
     border-radius: 4px;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
     padding: 16px;
     margin: 8px;
     color: #333;
     position: relative;
-    transition: transform 0.5s ease-in-out;
+    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
     transform: translateX(100%);
+    max-width: 300px;
   }
 
   .toast.show {
@@ -29,20 +30,20 @@
     transform: translateX(100%);
   }
 
-  .toast--success {
-    border-bottom: 5px solid #4caf50;
+  .toast--success .toast__progress-bar {
+    background-color: #4caf50;
   }
 
-  .toast--error {
-    border-bottom: 5px solid #f44336;
+  .toast--error .toast__progress-bar {
+    background-color: #f44336;
   }
 
-  .toast--info {
-    border-bottom: 5px solid #2196f3;
+  .toast--info .toast__progress-bar {
+    background-color: #2196f3;
   }
 
-  .toast--warning {
-    border-bottom: 5px solid #ff9800;
+  .toast--warning .toast__progress-bar {
+    background-color: #ff9800;
   }
 
   .toast__close-button {
@@ -67,7 +68,6 @@
     left: 0;
     width: 100%;
     height: 4px;
-    background-color: currentColor;
     animation: progress-bar 5s linear forwards;
   }
 
@@ -85,11 +85,8 @@
   }
 
   .toast {
-    @apply flex items-center bg-white rounded shadow p-4 my-2 text-gray-800 relative;
-  }
-
-  .toast {
-    @apply transition-transform duration-500 ease-in-out;
+    @apply flex items-center bg-white rounded-lg shadow-lg p-4 my-2 text-gray-800 relative max-w-sm;
+    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
     transform: translateX(100%);
   }
   
@@ -101,20 +98,20 @@
     transform: translateX(100%);
   }
 
-  .toast--success {
-    @apply border-b-4 border-green-500;
+  .toast--success .toast__progress-bar {
+    @apply bg-green-500;
   }
 
-  .toast--error {
-    @apply border-b-4 border-red-500;
+  .toast--error .toast__progress-bar {
+    @apply bg-red-500;
   }
 
-  .toast--info {
-    @apply border-b-4 border-blue-500;
+  .toast--info .toast__progress-bar {
+    @apply bg-blue-500;
   }
 
-  .toast--warning {
-    @apply border-b-4 border-yellow-500;
+  .toast--warning .toast__progress-bar {
+    @apply bg-yellow-500;
   }
 
   .toast__close-button {
@@ -126,7 +123,6 @@
 
   .toast__progress-bar {
     @apply absolute bottom-0 left-0 w-full h-1;
-    background-color: currentColor;
     animation: progress-bar 5s linear forwards;
   }
 

data/lib/rails_toastify/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module RailsToastify
-  VERSION = "0.1.4"
+  VERSION = "0.1.5"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_toastify
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.5
 platform: ruby
 authors:
 - Elton Santos