@eclipse-scout/core 22.0.0-beta.1 → 22.0.0-beta.5

package/dist/eclipse-scout-core-theme-dark.css

@@ -449,10 +449,10 @@ button::-moz-focus-inner {
   pointer-events: none;
 }
 .application-loading-root.fadeout {
-  -webkit-animation: application-loading-fade-out 250ms linear 1;
-  -moz-animation: application-loading-fade-out 250ms linear 1;
-  -o-animation: application-loading-fade-out 250ms linear 1;
-  animation: application-loading-fade-out 250ms linear 1;
+  -webkit-animation: application-loading-fade-out 250ms linear 1 forwards;
+  -moz-animation: application-loading-fade-out 250ms linear 1 forwards;
+  -o-animation: application-loading-fade-out 250ms linear 1 forwards;
+  animation: application-loading-fade-out 250ms linear 1 forwards;
 }
 @-webkit-keyframes application-loading-fade-out {
   to {
@@ -3542,10 +3542,6 @@ iframe {
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
  */
-.outline.tree.in-background > .tree-data > .tree-node.selected {
-  background-color: #7E8588;
-  color: #0C1013;
-}
 .outline.tree > .tree-data {
   padding-top: 16px;
 }
@@ -3569,7 +3565,7 @@ iframe {
 }
 .outline.tree > .tree-data > .tree-node.group,
 .outline.tree > .tree-data > .animation-wrapper > .tree-node.group {
-  background-color: #252e31;
+  background-color: #283438;
 }
 .outline.tree > .tree-data > .tree-node > .text,
 .outline.tree > .tree-data > .animation-wrapper > .tree-node > .text {
@@ -3622,6 +3618,15 @@ iframe {
 .outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .font-icon {
   color: #283438;
 }
+.outline.tree.in-background > .tree-data > .tree-node.group,
+.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.group {
+  background-color: #252e31;
+}
+.outline.tree.in-background > .tree-data > .tree-node.selected,
+.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.selected {
+  background-color: #7E8588;
+  color: #0C1013;
+}
 .outline-title {
   cursor: pointer;
   color: #71b0e8;
@@ -8508,10 +8513,10 @@ iframe {
 .combo-menu:hover {
   background-color: transparent;
 }
-.combo-menu > .menu-item:not(:first-child) {
+.combo-menu > .menu-item:not(.first) {
   margin-left: 3px;
 }
-.combo-menu > .menu-item:not(:first-child)::before {
+.combo-menu > .menu-item:not(.first)::before {
   content: '';
   position: absolute;
   left: -1px;
@@ -8520,8 +8525,13 @@ iframe {
   width: 1px;
   background-color: rgba(255, 255, 255, 0.12);
 }
-.combo-menu:not(.disabled).child-selected > .menu-item:not(:first-child)::before,
-.combo-menu:not(.disabled):hover > .menu-item:not(:first-child)::before {
+.combo-menu > .menu-item:focus::before {
+  display: none;
+}
+.combo-menu > .menu-item:not(.disabled):hover::before,
+.combo-menu > .menu-item.selected::before,
+.combo-menu > .menu-item:not(.disabled):hover ~ .menu-item::before,
+.combo-menu > .menu-item.selected ~ .menu-item::before {
   display: none;
 }
 .combo-menu.menu-button {
@@ -8529,13 +8539,17 @@ iframe {
 }
 .combo-menu.menu-button > .menu-item {
   border: 1px solid #71b0e8;
+  flex-grow: 1;
 }
-.combo-menu.menu-button > .menu-item:not(:last-child) {
+.combo-menu.menu-button > .menu-item.menu-icononly:not(.first.last) {
+  flex-grow: 0;
+}
+.combo-menu.menu-button > .menu-item:not(.last) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-right: 0;
 }
-.combo-menu.menu-button > .menu-item:not(:first-child) {
+.combo-menu.menu-button > .menu-item:not(.first) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   border-left: 0;
@@ -8544,6 +8558,9 @@ iframe {
 .disabled.combo-menu.menu-button > .menu-item {
   border-color: #7E8588;
 }
+.combo-menu.menu-button > .menu-item:focus {
+  z-index: 1;
+}
 .combo-menu.menu-button.default > .menu-item {
   background-color: #71b0e8;
   /* border is necessary to align the text with text from buttons with a real border */
@@ -8570,20 +8587,47 @@ iframe {
   box-shadow: 0 0 0 3px #1b64a5;
   border-color: #4598e1;
 }
+.combo-menu.menu-button.default > .menu-item::before {
+  background-color: #0C1013;
+}
 .combo-menu.menu-button.default > .menu-item.selected {
   background-color: #227fd1;
   border-color: #227fd1;
 }
+.combo-menu.menu-button.default > .menu-item.disabled {
+  color: rgba(255, 255, 255, 0.4);
+}
+.combo-menu.menu-button.default > .menu-item.disabled:hover,
+.combo-menu.menu-button.default > .menu-item.disabled.active,
+.combo-menu.menu-button.default > .menu-item.disabled:active,
+.combo-menu.menu-button.default > .menu-item.disabled.selected {
+  background-color: #71b0e8;
+  border-color: #71b0e8;
+}
 .context-menu > .combo-menu {
   padding: 0;
 }
 .context-menu > .combo-menu > .menu-item {
   color: #E9EBEB;
-  padding-top: 8px;
-  padding-bottom: 8px;
+  padding: 8px 16px 8px 16px;
+  flex-grow: 1;
+  justify-content: start;
+  border-radius: 0;
 }
-.context-menu > .combo-menu > .menu-item:first-child {
-  margin-left: 6px;
+.context-menu > .combo-menu > .menu-item > .font-icon {
+  color: #A7ACAD;
+}
+.context-menu > .combo-menu > .menu-item.menu-textandicon > .icon {
+  margin-right: 14px;
+}
+.context-menu > .combo-menu > .menu-item.menu-icononly:not(.first.last) {
+  flex-grow: 0;
+}
+.context-menu > .combo-menu > .menu-item.disabled {
+  color: #7E8588;
+}
+.context-menu > .combo-menu > .menu-item.disabled > .font-icon {
+  color: #7E8588;
 }
 /*
  * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
@@ -15157,7 +15201,7 @@ Try these to switch between fonts:
   }
 }
 /*
- * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
+ * Copyright (c) 2010-2022 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v1.0
  * which accompanies this distribution, and is available at
@@ -15231,6 +15275,13 @@ Try these to switch between fonts:
   height: 18px;
   vertical-align: middle;
 }
+.login-body > .box-background-elements.box-background-elements-fadeout,
+.logout-body > .box-background-elements.box-background-elements-fadeout {
+  -webkit-animation: nop 0.05s;
+  -moz-animation: nop 0.05s;
+  -o-animation: nop 0.05s;
+  animation: nop 0.05s;
+}
 /*
  * Copyright (c) 2010-2020 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials