superdesk-ui-framework 3.0.1-beta.2 → 3.0.1-beta.22

package/app/styles/_icon-font.scss

@@ -46,7 +46,7 @@ $icon-base-size: 16px;
 [class^="icon-"],
 [class*=" icon-"] {
     @include icon-base;
-    color: $icon-color;
+    color: var(--color-icon-default);
     /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -285,6 +285,13 @@ $sd-icon-font: (
     arrow-small: "\e6b0",
     clear-all: "\e6b1",
     rundown: "\e6b2",
+    photo-cancel: "\e6b3",
+    video-cancel: "\e6b4",
+    text-cancel: "\e6b5",
+    file-cancel: "\e6b6",
+    audio-cancel: "\e6b7",
+    list-alt-cancel: "\e6b8",
+    post-cancel: "\e6b9",
 );
 
 @each $name, $value in $sd-icon-font {
@@ -319,6 +326,9 @@ $sd-icon-font: (
         &.color--light {
             color: var(--color-text-lighter) !important;
         }
+        &.color--white {
+            color: hsla(214, 13%, 90, 1) !important;
+        }
 
         &.scale--2x {
             --icon-base-size: 32px
@@ -340,7 +350,7 @@ $sd-icon-font: (
 // Combining 2 icons
 .icn-mix {
     position: relative;
-    display: inline-block;
+    display: inline-flex !important;
     font-size: $icon-base-size;
     height: $icon-base-size;
     .icn-mix__icn {
@@ -352,11 +362,11 @@ $sd-icon-font: (
         box-sizing: content-box;
         line-height: 100%;
         color: $purple;
-        right: -0.5rem;
-        bottom:  -0.7rem;
+        inset-inline-end: -0.4rem;
+        inset-block-end: -0.6rem;
         height: 1em;
         width: 1em;
-        background-color: var(--sd-item__main-Bg);
+        background-color: var(--sd-item__main-Bg) !important;
         border-radius: $border-radius__base--full;
         padding: 1px;
         z-index: 1;
@@ -374,8 +384,8 @@ $sd-icon-font: (
         }
         .icn-mix__sub-icn {
             font-size: 1.6rem;
-            right: -0.6rem;
-            bottom: -0.3rem;
+            inset-inline-end: -0.6rem;
+            inset-block-end: -0.3rem;
         }
     }
 }
@@ -401,16 +411,16 @@ $sd-icon-font: (
 
 .subnav {
     .icn-mix__sub-icn {
-        background-color: $subnav-background;
+        background-color: $subnav-background !important;
     }
     &--darker {
         .icn-mix__sub-icn {
-            background-color: $subnav-background-darker;
+            background-color: $subnav-background-darker !important;
         }
     }
     &--dark-blue-grey {
         .icn-mix__sub-icn {
-            background-color: $subnav-background-dark-blue-grey;
+            background-color: $subnav-background-dark-blue-grey !important;
             color: scale-color($purple, $lightness: 50%);
         }
         .icn-mix__icn {

package/app/styles/_master-desk.scss

@@ -171,14 +171,15 @@ $board-header-border-color: var(--color-kanban-border);
         opacity: 0.4;
     }
 }
-.sd-inset-search__input {
+.sd-inset-search__input,
+input.sd-inset-search__input {
     flex-grow: 1;
     flex-shrink: 1;
     font-size: 1.4rem;
     padding: 0;
     color: inherit;
     align-self: auto;
-    background-color: transparent;
+    background-color: transparent !important;
     border: 0;
     box-shadow: none !important;
     padding: 0 1rem 0 3rem;

package/app/styles/_modals.scss

@@ -2,9 +2,9 @@
 // ------
 
 // Recalculate z-index where appropriate
-$zindexDropdown: 1000;
-$zindexPopover: 1010;
-$zindexTooltip: 1040;
+$zindexDropdown: 2000;
+$zindexPopover: 2010;
+$zindexTooltip: 2040;
 $zindexModalBackdrop: 1045;
 $zindexModal: 1050;
 $nav-height: 48px;
@@ -92,6 +92,9 @@ $modal-sizes: (
     text-align: end; // right align buttons
     border-top: 1px solid $modal-line-color;
     min-height: $modal-footer-height;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
     @include clearfix(); // clear it in case folks use .pull-* classes on buttons
 }
 

package/app/styles/_normalize.scss

@@ -259,6 +259,10 @@ textarea {
   font-size: 100%; /* 1 */
   line-height: 1.15; /* 1 */
   margin: 0; /* 2 */
+  &:focus {
+    outline: none;
+    box-shadow: none;
+  }
 }
 
 /**