superdesk-ui-framework 3.1.20 → 3.1.22

package/dist/superdesk-ui.bundle.css

@@ -14733,6 +14733,22 @@ button {
   opacity: 0;
   height: 0.1rem !important; }
 
+@keyframes appear {
+  from {
+    display: none;
+    opacity: 0; }
+  to {
+    display: flex;
+    opacity: 1; } }
+
+@keyframes vanish {
+  from {
+    display: flex;
+    opacity: 1; }
+  to {
+    display: none;
+    opacity: 0; } }
+
 .red--100 {
   background-color: #fde4e2; }
 
@@ -18581,42 +18597,42 @@ h6 {
 .sd-line-clamp--1,
 .line-clamp-1 {
   overflow: hidden;
-  display: -webkit-box;
+  display: -webkit-box !important;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; }
 
 .sd-line-clamp--2,
 .line-clamp-2 {
   overflow: hidden;
-  display: -webkit-box;
+  display: -webkit-box !important;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; }
 
 .sd-line-clamp--3,
 .line-clamp-3 {
   overflow: hidden;
-  display: -webkit-box;
+  display: -webkit-box !important;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3; }
 
 .sd-line-clamp--4,
 .line-clamp-4 {
   overflow: hidden;
-  display: -webkit-box;
+  display: -webkit-box !important;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4; }
 
 .sd-line-clamp--5,
 .line-clamp-5 {
   overflow: hidden;
-  display: -webkit-box;
+  display: -webkit-box !important;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5; }
 
 .sd-line-clamp--6,
 .line-clamp-6 {
   overflow: hidden;
-  display: -webkit-box;
+  display: -webkit-box !important;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 6; }
 
@@ -43277,6 +43293,8 @@ a.text-link {
   .sd-list-item-nested > .sd-list-item {
     max-height: var(--parent-item-height);
     height: var(--parent-item-height); }
+  .sd-list-item-nested .sd-list-item {
+    overflow: hidden; }
 
 .sd-list-item-nested__childs {
   position: relative;
@@ -44646,6 +44664,8 @@ a.text-link {
   padding: 0;
   overflow: hidden;
   transition: all 0.2s ease; }
+  .new-collapse-box__header min .hide-on-open {
+    display: none; }
 
 .new-collapse-box__content {
   grid-row: 2 / 3;
@@ -44718,6 +44738,22 @@ a.text-link {
       color: var(--collapse-box-button-color-fg-hover);
       transition: all 0.2s ease; }
 
+.new-collapse-box > .new-collapse-box__header .new-collapse-box__header-inner {
+  transition: all .2s ease;
+  min-height: auto; }
+  .new-collapse-box > .new-collapse-box__header .new-collapse-box__header-inner .hide-on-open {
+    animation: appear .2s;
+    display: flex;
+    opacity: 1; }
+
+.new-collapse-box.new-collapse-box--open > .new-collapse-box__header .new-collapse-box__header-inner {
+  min-height: var(--space--4);
+  background-color: var(--sd-item__main-Bg); }
+  .new-collapse-box.new-collapse-box--open > .new-collapse-box__header .new-collapse-box__header-inner .hide-on-open {
+    display: none;
+    opacity: 0;
+    animation: vanish .2s; }
+
 .sd-photo-preview {
   margin: 0;
   display: grid;
@@ -65302,6 +65338,12 @@ i.sd-sidetab-menu__helper-icon {
 .p-datepicker-today > span {
   background-color: var(--sd-colour-interactive--alpha-20); }
 
+.sd-input__input-container .p-calendar {
+  display: flex; }
+  .sd-input__input-container .p-calendar.p-calendar-w-btn {
+    min-width: 116px;
+    width: auto; }
+
 .p-dialog-mask.p-component-overlay {
   background-color: rgba(35, 40, 46, 0.5) !important;
   backdrop-filter: blur(1px);