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

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

@@ -439,10 +439,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 {
@@ -3532,10 +3532,6 @@ iframe {
  * Contributors:
  *     BSI Business Systems Integration AG - initial API and implementation
  */
-.outline.tree.in-background > .tree-data > .tree-node.selected {
-  background-color: #808080;
-  color: #fff;
-}
 .outline.tree > .tree-data {
   padding-top: 16px;
 }
@@ -3612,6 +3608,15 @@ iframe {
 .outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .font-icon {
   color: rgba(255, 255, 255, 0.7);
 }
+.outline.tree.in-background > .tree-data > .tree-node.group,
+.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.group {
+  background-color: #e8e8e8;
+}
+.outline.tree.in-background > .tree-data > .tree-node.selected,
+.outline.tree.in-background > .tree-data > .animation-wrapper > .tree-node.selected {
+  background-color: #808080;
+  color: #fff;
+}
 .outline-title {
   cursor: pointer;
   color: #1561A7;
@@ -8498,10 +8503,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;
@@ -8510,8 +8515,13 @@ iframe {
   width: 1px;
   background-color: #DADADA;
 }
-.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 {
@@ -8519,13 +8529,17 @@ iframe {
 }
 .combo-menu.menu-button > .menu-item {
   border: 1px solid #1561A7;
+  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;
@@ -8534,6 +8548,9 @@ iframe {
 .disabled.combo-menu.menu-button > .menu-item {
   border-color: #808080;
 }
+.combo-menu.menu-button > .menu-item:focus {
+  z-index: 1;
+}
 .combo-menu.menu-button.default > .menu-item {
   background-color: #1561A7;
   /* border is necessary to align the text with text from buttons with a real border */
@@ -8560,20 +8577,47 @@ iframe {
   box-shadow: 0 0 0 3px #93c5f4;
   border-color: #64adf0;
 }
+.combo-menu.menu-button.default > .menu-item::before {
+  background-color: #DADADA;
+}
 .combo-menu.menu-button.default > .menu-item.selected {
   background-color: #012c53;
   border-color: #012c53;
 }
+.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: #1561A7;
+  border-color: #1561A7;
+}
 .context-menu > .combo-menu {
   padding: 0;
 }
 .context-menu > .combo-menu > .menu-item {
   color: #000;
-  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: #1561A7;
+}
+.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: #808080;
+}
+.context-menu > .combo-menu > .menu-item.disabled > .font-icon {
+  color: #808080;
 }
 /*
  * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
@@ -15147,7 +15191,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
@@ -15221,6 +15265,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