@xplortech/apollo-core 1.0.0-beta.8 → 1.0.0-beta.9

package/build/style.css

@@ -171,6 +171,7 @@
   text-align:center;
   visibility:hidden;
   padding:0;
+  -webkit-animation:none;
   animation:none;
   direction:ltr;
   border:0;
@@ -197,6 +198,7 @@
 }
 
 .flatpickr-calendar.animate.open{
+  -webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
   animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)
 }
 
@@ -321,15 +323,13 @@
   position:relative;
   -webkit-user-select:none;
   -moz-user-select:none;
+  -ms-user-select:none;
   user-select:none;
   overflow:hidden;
   flex:1
 }
 
 .flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{
-  -webkit-user-select:none;
-  -moz-user-select:none;
-  user-select:none;
   text-decoration:none;
   cursor:pointer;
   position:absolute;
@@ -872,6 +872,7 @@ span.flatpickr-weekday{
   width:2%;
   -webkit-user-select:none;
   -moz-user-select:none;
+  -ms-user-select:none;
   user-select:none;
   align-self:center
 }
@@ -892,6 +893,18 @@ span.flatpickr-weekday{
   cursor:pointer
 }
 
+@-webkit-keyframes fpFadeInDown{
+  from{
+    opacity:0;
+    transform:translate3d(0,-20px,0)
+  }
+
+  to{
+    opacity:1;
+    transform:translate3d(0,0,0)
+  }
+}
+
 @keyframes fpFadeInDown{
   from{
     opacity:0;
@@ -1244,11 +1257,24 @@ textarea[class^="xpl-"]::-moz-placeholder {
   color: #9ca3af;
 }
 
+[class^="xpl-"] input:-ms-input-placeholder,
+input[class^="xpl-"]:-ms-input-placeholder,
+[class^="xpl-"] textarea:-ms-input-placeholder,
+textarea[class^="xpl-"]:-ms-input-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+
 [class^="xpl-"] input::-moz-placeholder, input[class^="xpl-"]::-moz-placeholder, [class^="xpl-"] textarea::-moz-placeholder, textarea[class^="xpl-"]::-moz-placeholder {
   opacity: 1;
   color: #9ca3af;
 }
 
+[class^="xpl-"] input:-ms-input-placeholder, input[class^="xpl-"]:-ms-input-placeholder, [class^="xpl-"] textarea:-ms-input-placeholder, textarea[class^="xpl-"]:-ms-input-placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+
 [class^="xpl-"] input::placeholder,
 input[class^="xpl-"]::placeholder,
 [class^="xpl-"] textarea::placeholder,
@@ -1333,7 +1359,9 @@ textarea[class^="xpl-"] {
   grid-template-areas:
     "nav utility utility"
     "nav subnav content";
+  grid-template-columns: -webkit-min-content -webkit-min-content 1fr;
   grid-template-columns: min-content min-content 1fr;
+  grid-template-rows: -webkit-min-content 1fr;
   grid-template-rows: min-content 1fr;
   max-height: 100vh;
   background-color: var(--xpl-color-navigation-lm);
@@ -1435,11 +1463,14 @@ textarea[class^="xpl-"] {
       "nav utility"
       "nav subnav"
       "nav content";
+    grid-template-columns: -webkit-min-content 1fr;
     grid-template-columns: min-content 1fr;
+    grid-template-rows: -webkit-min-content -webkit-min-content 1fr;
     grid-template-rows: min-content min-content 1fr;
     height: 100vh;
   }
     .xpl-application-shell__sidebar--open {
+      grid-template-columns: -webkit-min-content 100vw;
       grid-template-columns: min-content 100vw;
     }
     .xpl-application-shell {
@@ -1459,6 +1490,7 @@ textarea[class^="xpl-"] {
 
 @media (max-width: 640px) {
   .xpl-application-shell {
+    grid-template-columns: -webkit-min-content 100vw;
     grid-template-columns: min-content 100vw;
     height: -webkit-fill-available;
   }
@@ -3526,6 +3558,18 @@ button.xpl-badge {
   transform: translate3d(-13px, 8px, 0);
 }
 
+@-webkit-keyframes fpFadeInDownAdjust {
+  from {
+    opacity: 0;
+    transform: translate3d(-13px, -28px, 0);
+  }
+
+  to {
+    opacity: 1;
+    transform: translate3d(-13px, -8px, 0);
+  }
+}
+
 @keyframes fpFadeInDownAdjust {
   from {
     opacity: 0;
@@ -3539,7 +3583,8 @@ button.xpl-badge {
 }
 
 .flatpickr-calendar.animate.arrowBottom {
-  animation-name: fpFadeInDownAdjust;
+  -webkit-animation-name: fpFadeInDownAdjust;
+          animation-name: fpFadeInDownAdjust;
   transform: translate3d(-13px, -8px, 0);
 }
 
@@ -4048,6 +4093,10 @@ button[class^="xpl-input-password"] {
   color: var(--xpl-color-text-primary-lm);
 }
 
+.xpl-input input:read-only:not(:disabled):-ms-input-placeholder, .xpl-input textarea:read-only:not(:disabled):-ms-input-placeholder {
+  color: var(--xpl-color-text-primary-lm);
+}
+
 .xpl-input input:-moz-read-only:not(:disabled)::placeholder, .xpl-input textarea:-moz-read-only:not(:disabled)::placeholder {
   color: var(--xpl-color-text-primary-lm);
 }
@@ -4456,6 +4505,7 @@ a.xpl-list-item:focus {
     }
 
 .xpl-main-nav nav {
+    grid-template-rows: 74px 1fr -webkit-min-content;
     grid-template-rows: 74px 1fr min-content;
     background-color: var(--xpl-color-navigation-dm);
     display: grid;
@@ -4476,6 +4526,7 @@ a.xpl-list-item:focus {
 /* Brand Section */
 
 .xpl-main-nav header {
+    grid-template-columns: -webkit-max-content auto;
     grid-template-columns: max-content auto;
   }