@qn-pandora/pandora-component 5.1.0 → 5.1.1

package/es/components/Card/RowExtra/style.css

@@ -10,6 +10,7 @@
   -webkit-box-direction: normal;
       -ms-flex-flow: row wrap;
           flex-flow: row wrap;
+  min-width: 0;
 }
 .ant-row::before,
 .ant-row::after {
@@ -45,6 +46,11 @@
   -ms-flex-pack: distribute;
       justify-content: space-around;
 }
+.ant-row-space-evenly {
+  -webkit-box-pack: space-evenly;
+      -ms-flex-pack: space-evenly;
+          justify-content: space-evenly;
+}
 .ant-row-top {
   -webkit-box-align: start;
       -ms-flex-align: start;

package/es/components/Card/style.css

@@ -91,7 +91,6 @@
   border-bottom: 1px solid #e5e5e5;
 }
 .ant-card-extra {
-  float: right;
   margin-left: auto;
   padding: 16px 0;
   color: rgba(0, 0, 0, 0.65);
@@ -114,12 +113,18 @@
   clear: both;
   content: '';
 }
+.ant-card-contain-grid .ant-card-body {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
 .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
   margin: -1px 0 0 -1px;
   padding: 0;
 }
 .ant-card-grid {
-  float: left;
   width: 33.33%;
   padding: 20px;
   border: 0;
@@ -129,9 +134,6 @@
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
 }
-.ant-card-rtl .ant-card-grid {
-  float: right;
-}
 .ant-card-grid-hoverable:hover {
   position: relative;
   z-index: 1;
@@ -158,6 +160,9 @@
   border-radius: 2px 2px 0 0;
 }
 .ant-card-actions {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   margin: 0;
   padding: 0;
   list-style: none;
@@ -174,14 +179,10 @@
   content: '';
 }
 .ant-card-actions > li {
-  float: left;
   margin: 12px 0;
   color: rgba(0, 0, 0, 0.45);
   text-align: center;
 }
-.ant-card-rtl .ant-card-actions > li {
-  float: right;
-}
 .ant-card-actions > li > span {
   position: relative;
   display: block;
@@ -234,6 +235,9 @@
   padding: 13.5px 0;
 }
 .ant-card-meta {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   margin: -4px 0;
 }
 .ant-card-meta::before {
@@ -246,15 +250,16 @@
   content: '';
 }
 .ant-card-meta-avatar {
-  float: left;
   padding-right: 16px;
 }
 .ant-card-rtl .ant-card-meta-avatar {
-  float: right;
   padding-right: 0;
   padding-left: 16px;
 }
 .ant-card-meta-detail {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
   overflow: hidden;
 }
 .ant-card-meta-detail > div:not(:last-child) {
@@ -280,37 +285,6 @@
       -ms-user-select: none;
           user-select: none;
 }
-.ant-card-loading-content p {
-  margin: 0;
-}
-.ant-card-loading-block {
-  height: 14px;
-  margin: 4px 0;
-  background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
-  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
-  background-size: 600% 600%;
-  border-radius: 2px;
-  -webkit-animation: card-loading 1.4s ease infinite;
-          animation: card-loading 1.4s ease infinite;
-}
-@-webkit-keyframes card-loading {
-  0%,
-  100% {
-    background-position: 0 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-}
-@keyframes card-loading {
-  0%,
-  100% {
-    background-position: 0 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-}
 .ant-card-small > .ant-card-head {
   min-height: 36px;
   padding: 0 10px;
@@ -805,7 +779,6 @@
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  overflow: hidden;
 }
 .ant-tabs > .ant-tabs-nav,
 .ant-tabs > div > .ant-tabs-nav {
@@ -980,7 +953,7 @@
 }
 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
   color: #2c6dd2;
-  text-shadow: 0 0 0.25px currentColor;
+  text-shadow: 0 0 0.25px currentcolor;
 }
 .ant-tabs-tab.ant-tabs-tab-disabled {
   color: rgba(0, 0, 0, 0.25);
@@ -1002,9 +975,7 @@
   margin: 0 0 0 32px;
 }
 .ant-tabs-content {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+  position: relative;
   width: 100%;
 }
 .ant-tabs-content-holder {
@@ -1014,17 +985,41 @@
   min-width: 0;
   min-height: 0;
 }
-.ant-tabs-content-animated {
-  -webkit-transition: margin 0.3s;
-  transition: margin 0.3s;
-}
 .ant-tabs-tabpane {
-  -webkit-box-flex: 0;
-      -ms-flex: none;
-          flex: none;
-  width: 100%;
   outline: none;
 }
+.ant-tabs-tabpane-hidden {
+  display: none;
+}
+.ant-tabs-switch-appear,
+.ant-tabs-switch-enter {
+  -webkit-transition: none;
+  transition: none;
+}
+.ant-tabs-switch-appear-start,
+.ant-tabs-switch-enter-start {
+  opacity: 0;
+}
+.ant-tabs-switch-appear-active,
+.ant-tabs-switch-enter-active {
+  opacity: 1;
+  -webkit-transition: opacity 0.3s;
+  transition: opacity 0.3s;
+}
+.ant-tabs-switch-leave {
+  position: absolute;
+  -webkit-transition: none;
+  transition: none;
+  inset: 0;
+}
+.ant-tabs-switch-leave-start {
+  opacity: 1;
+}
+.ant-tabs-switch-leave-active {
+  opacity: 0;
+  -webkit-transition: opacity 0.3s;
+  transition: opacity 0.3s;
+}
 .pandora-sdk-card .ant-card-head .ant-card-extra {
   padding: 0;
 }