dialog.scss in tao_ui-0.2.10

- old
+ new

@@ -14,11 +14,11 @@
   display: none;
   overflow: hidden;
 
   &[modal] {
     background-color: rgba(0, 0, 0, 0);
-    transition: background-color 200ms;
+    transition: background-color 300ms;
   }
 
   &[modal][active] {
     background-color: rgba(0, 0, 0, 0.55);
   }
@@ -35,15 +35,16 @@
     margin: 0 auto;
     border-radius: 0 0 $border-radius-s $border-radius-s;
     background-color: $white-color;
     box-shadow: 0 0 4px 4px rgba(0,0,0,0.1);
     transform: translate(0, -30%);
-    transition: transform .3s, opacity .3s, width .2s;
+    transition: transform 300ms, opacity 300ms;
     opacity: 0;
-    padding: 1rem 2rem;
 
     .tao-dialog-content {
+      padding: 1rem 2rem;
+
       h3:first-child,
       .title:first-child {
         margin-bottom: 2rem;
       }
     }
@@ -70,9 +71,13 @@
   &.tao-confirm-dialog,
   &.tao-message-dialog {
     .tao-dialog-wrapper {
       width: 32.5rem;
       padding: 1.5rem 2rem;
+
+      .tao-dialog-content {
+        padding: 0;
+      }
     }
   }
 
   &[size='l'] .tao-dialog-wrapper {
     width: 53.75rem;