@eclipse-scout/core 22.0.1 → 22.0.2

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

@@ -223,7 +223,7 @@ input[type="password"].alternative {
   padding-bottom: 1px;
   /* Compensate padding-bottom to align input text with label on the left */
   /* It won't be perfect (especially when zoomed) but should be good enough */
-  padding-top: 1px;
+  padding-top: 2px;
 }
 input.alternative,
 .input-field.alternative {
@@ -711,6 +711,7 @@ iframe {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  margin-top: 1px;
 }
 .button > .icon {
   /* Padding only relevant for icons larger than the container */
@@ -1070,13 +1071,6 @@ iframe {
 .calendar-scrollable-components {
   height: 100%;
 }
-.calendar-week-scrollable {
-  overflow: visible;
-}
-.calendar-scrollable-components-week {
-  top: calc(23px + 5px);
-  height: calc(15% - ( 23px  + 5px));
-}
 .calendar-header {
   position: relative;
   display: block;
@@ -1196,7 +1190,8 @@ iframe {
   cursor: pointer;
 }
 .calendar-mode {
-  width: 65px;
+  padding: 0 8px;
+  min-width: 65px;
   border-top: 1px solid rgba(0, 0, 0, 0.23);
   border-bottom: 1px solid rgba(0, 0, 0, 0.23);
   border-left: 1px solid rgba(0, 0, 0, 0.23);
@@ -1397,9 +1392,15 @@ iframe {
   height: calc(100% - 25px);
   padding-right: 20px;
 }
+.calendar-grid + .scroll-shadow {
+  --scroll-shadow-inset-right: 20px;
+}
 .calendar-grid.mobile {
   padding-right: 6px;
 }
+.calendar-grid.mobile + .scroll-shadow {
+  --scroll-shadow-inset-right: 6px;
+}
 .calendar-grid.calendar-grid-short {
   height: calc(100% - 105px);
 }
@@ -1872,6 +1873,7 @@ iframe {
   cursor: default;
   font-size: 18px;
   line-height: 30px;
+  margin-top: 1px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2820,7 +2822,8 @@ iframe {
   margin: 8px 3px 0 0;
   padding: 10px 10px 0 20px;
   border-radius: 12px 12px 0 0;
-  border-right-width: 0;
+  border: 0 solid transparent;
+  border-bottom-width: 0;
   background-color: rgba(0, 0, 0, 0.1);
 }
 .closable.desktop-tab.simple-tab > .title-line {
@@ -2887,6 +2890,7 @@ iframe {
 .desktop-tab.simple-tab:hover,
 .desktop-tab.simple-tab:active {
   background-color: rgba(0, 0, 0, 0.2);
+  border-color: transparent;
 }
 .desktop-tab.simple-tab:hover > .title-line > .title,
 .desktop-tab.simple-tab:active > .title-line > .title {
@@ -2909,6 +2913,7 @@ iframe {
 }
 .desktop-tab.simple-tab.selected {
   background-color: #fff;
+  border-color: transparent;
 }
 .desktop-tab.simple-tab.selected > .title-line > .icon-container {
   color: #808080;
@@ -2942,19 +2947,22 @@ iframe {
   position: absolute;
   pointer-events: none;
   background-color: transparent;
-  bottom: 0;
-  height: 48px;
-  width: 24px;
-  box-shadow: 0 24px 0 0 var(--color);
-  clip-path: polygon(-10% 0, 110% 0, 110% 100%, -10% 100%);
+  bottom: -5px;
+  height: 12px;
+  width: 12px;
+  box-sizing: content-box;
+  border: 5px solid var(--color);
+  border-top: none;
 }
 .desktop-tab.simple-tab.selected > .edge.left {
-  left: -24px;
-  border-bottom-right-radius: 12px;
+  left: -12px;
+  border-bottom-right-radius: 17px;
+  border-left: none;
 }
 .desktop-tab.simple-tab.selected > .edge.right {
-  right: -24px;
-  border-bottom-left-radius: 12px;
+  right: -12px;
+  border-bottom-left-radius: 17px;
+  border-right: none;
 }
 .desktop-tab.simple-tab.selected > .edge.right {
   z-index: 1;
@@ -3111,16 +3119,18 @@ iframe {
  *     BSI Business Systems Integration AG - initial API and implementation
  */
 .desktop-tab-area > .simple-overflow-tab-item {
-  border-radius: 12px;
-  margin: 8px 3px 6px;
+  border-radius: 8px;
+  margin: 14px 3px 6px;
   background-color: rgba(0, 0, 0, 0.1);
-  border: 0;
+  border: 0 solid transparent;
 }
 .desktop-tab-area > .simple-overflow-tab-item:hover {
   background-color: rgba(0, 0, 0, 0.2);
+  border-color: transparent;
 }
 .desktop-tab-area > .simple-overflow-tab-item.selected {
   background-color: rgba(0, 0, 0, 0.2);
+  border-color: transparent;
 }
 /*
  * Copyright (c) 2010-2021 BSI Business Systems Integration AG.
@@ -3241,6 +3251,9 @@ iframe {
 .desktop-navigation > .desktop-tool-box > .menu-item > .font-icon {
   font-size: 20px;
 }
+.desktop-navigation > .desktop-tool-box > .menu-item.ellipsis > .font-icon {
+  font-size: 22px;
+}
 /*
  * Copyright (c) 2014-2017 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials
@@ -3292,7 +3305,7 @@ iframe {
   margin-left: -4px;
 }
 /*
- * 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
@@ -3305,7 +3318,7 @@ iframe {
   position: fixed;
   right: 10px;
   top: 0;
-  height: 100%;
+  height: calc(100% -  72px);
   width: 300px;
   margin-top: 72px;
   pointer-events: none;
@@ -3592,10 +3605,6 @@ iframe {
   line-height: 14px;
   color: #999999;
 }
-.outline.tree > .tree-data > .tree-node > .tree-node-control::before,
-.outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control::before {
-  font-size: 18px;
-}
 .outline.tree > .tree-data > .tree-node > .tree-node-control:hover,
 .outline.tree > .tree-data > .animation-wrapper > .tree-node > .tree-node-control:hover {
   color: #FE9915;
@@ -3613,6 +3622,10 @@ iframe {
 .outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .tree-node-control {
   color: rgba(255, 255, 255, 0.7);
 }
+.outline.tree > .tree-data > .tree-node.selected > .tree-node-control:hover,
+.outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .tree-node-control:hover {
+  color: #FE9915;
+}
 .outline.tree > .tree-data > .tree-node.selected > .font-icon,
 .outline.tree > .tree-data > .animation-wrapper > .tree-node.selected > .font-icon {
   color: rgba(255, 255, 255, 0.7);
@@ -4079,7 +4092,7 @@ iframe {
   bottom: 6px;
 }
 /*
- * Copyright (c) 2014-2018 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
@@ -4115,19 +4128,22 @@ iframe {
   position: absolute;
   pointer-events: none;
   background-color: transparent;
-  bottom: 0;
-  height: 48px;
-  width: 24px;
-  box-shadow: 0 24px 0 0 var(--color);
-  clip-path: polygon(-10% 0, 110% 0, 110% 100%, -10% 100%);
+  bottom: -5px;
+  height: 12px;
+  width: 12px;
+  box-sizing: content-box;
+  border: 5px solid var(--color);
+  border-top: none;
 }
 .view-tab.selected:not(.in-background) > .edge.left {
-  left: -24px;
-  border-bottom-right-radius: 12px;
+  left: -12px;
+  border-bottom-right-radius: 17px;
+  border-left: none;
 }
 .view-tab.selected:not(.in-background) > .edge.right {
-  right: -24px;
-  border-bottom-left-radius: 12px;
+  right: -12px;
+  border-bottom-left-radius: 17px;
+  border-right: none;
 }
 .view-tab.selected:not(.in-background) > .edge.right {
   z-index: 1;
@@ -4143,14 +4159,12 @@ iframe {
 .view-tab.animate-bring-to-front:not(.in-background) > .edge.left,
 .view-tab.animate-bring-to-back:not(.in-background) > .edge.left {
   visibility: hidden;
-  left: 0;
-  animation: show-view-tab-left-edge 200ms ease-out 0s forwards;
+  animation: show-view-tab-left-edge 40ms ease-out 160ms forwards;
 }
 .view-tab.animate-bring-to-front:not(.in-background) > .edge.right,
 .view-tab.animate-bring-to-back:not(.in-background) > .edge.right {
   visibility: hidden;
-  right: 0;
-  animation: show-view-tab-right-edge 200ms ease-out 0s forwards;
+  animation: show-view-tab-right-edge 40ms ease-out 160ms forwards;
 }
 .view-button-tab {
   display: flex;
@@ -4191,15 +4205,21 @@ iframe {
   font-size: 20px;
 }
 @keyframes show-view-tab-left-edge {
-  to {
+  0% {
     visibility: visible;
-    transform: translateX(-24px);
+    left: -5px;
+  }
+  100% {
+    left: -12px;
   }
 }
 @keyframes show-view-tab-right-edge {
-  to {
+  0% {
     visibility: visible;
-    transform: translateX(24px);
+    right: -5px;
+  }
+  100% {
+    right: -12px;
   }
 }
 /*
@@ -4228,7 +4248,7 @@ iframe {
   color: #fff;
 }
 /*
- * Copyright (c) 2014-2018 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
@@ -4248,12 +4268,12 @@ iframe {
   align-items: center;
   justify-content: center;
   background-color: transparent;
+  cursor: pointer;
 }
 .view-menu-tab > .view-button:hover,
 .view-menu-tab > .view-menu:hover {
   background-color: rgba(0, 0, 0, 0.1);
   color: inherit;
-  cursor: pointer;
 }
 .view-menu-tab > .view-button.disabled,
 .view-menu-tab > .view-menu.disabled {
@@ -4362,6 +4382,7 @@ iframe {
 .view-menu-tab.selected:not(.in-background) > .view-button {
   padding-left: 6px;
   width: 56px;
+  cursor: default;
 }
 .selected-button-invisible.view-menu-tab.selected:not(.in-background) > .view-menu {
   width: 50px;
@@ -4791,6 +4812,7 @@ iframe {
   white-space: nowrap;
   font-size: 16px;
   color: #000;
+  margin-top: 1px;
 }
 .form > .header > .sub-title {
   overflow: hidden;
@@ -6061,6 +6083,7 @@ iframe {
   vertical-align: middle;
   padding: 12px 0 12px 0;
   max-width: 100%;
+  margin-top: 1px;
 }
 .group-box.has-sub-label > .group-box-header > .title {
   padding-bottom: 7px;
@@ -6241,7 +6264,6 @@ iframe {
 }
 .html-field > .field {
   margin-left: 10px;
-  overflow: hidden;
 }
 .html-field > .field:focus {
   outline: none;
@@ -7219,7 +7241,7 @@ iframe {
 .tab-box-header > .menubar {
   position: absolute;
   background-color: inherit;
-  border-bottom-color: transparent;
+  border-bottom: none;
 }
 .tab-box-header > .status {
   position: absolute;
@@ -7382,6 +7404,7 @@ iframe {
   display: inline-block;
   vertical-align: middle;
   padding: 12px 0 12px;
+  margin-top: 1px;
 }
 .tab-area.has-sub-label > .tab-item > .title {
   padding-bottom: 7px;
@@ -8154,6 +8177,7 @@ iframe {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  margin-top: 1px;
 }
 .menu-item > .font-icon {
   font-size: 16px;
@@ -8240,6 +8264,7 @@ iframe {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  margin-top: 1px;
 }
 .menu-button > .icon {
   /* Padding only relevant for icons larger than the container */
@@ -8477,12 +8502,16 @@ iframe {
 .context-menu > .menu-item.selected {
   background-color: #E9F0F6;
 }
+.context-menu > .menu-item.selected.has-popup {
+  color: #000;
+}
+.context-menu > .menu-item.selected.has-popup.disabled {
+  color: #808080;
+  background-color: #E9F0F6;
+}
 .context-menu > .menu-item.selected > .submenu-icon {
   transform: none;
 }
-.context-menu > .menu-item.expanded {
-  color: #1561A7;
-}
 .context-menu > .menu-item.expanded > .submenu-icon {
   -webkit-transform: rotateX(180deg) translateY(-1px);
   -ms-transform: rotateX(180deg) translateY(-1px);
@@ -9216,7 +9245,7 @@ iframe {
   }
 }
 /*
- * 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
@@ -9226,10 +9255,13 @@ iframe {
  *     BSI Business Systems Integration AG - initial API and implementation
  */
 .mode {
-  border: 1px solid rgba(0, 0, 0, 0.23);
+  --padding-x: 12px;
+  --padding-y: 6px;
+  --border-width: 1px;
+  border: var(--border-width) solid rgba(0, 0, 0, 0.23);
   border-radius: 0;
   flex: 1 1 0;
-  padding: 6px 12px;
+  padding: var(--padding-y) var(--padding-x);
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -9244,12 +9276,12 @@ iframe {
 }
 .mode:not(.last):not(.selected) {
   border-right: none;
-  padding-right: 13px;
+  padding-right: calc(var(--padding-x) + var(--border-width));
   /* account for the missing border, so that text does not jump */
 }
 .mode.after-selected {
   border-left: none;
-  padding-left: 13px;
+  padding-left: calc(var(--padding-x) + var(--border-width));
   /* account for the missing border, so that text does not jump */
 }
 .mode.selected {
@@ -9274,21 +9306,12 @@ iframe {
 .mode > .icon.with-label {
   margin-right: 8px;
 }
-.mode-selector.alternative {
-  border: 3px solid transparent;
-}
 .mode-selector.alternative > .mode {
+  --border-width: 0px;
   color: #666666;
-  border: none;
   background-color: transparent;
   border-radius: 3px;
 }
-.mode-selector.alternative > .mode:not(.last):not(.selected) {
-  padding-right: 12px;
-}
-.mode-selector.alternative > .mode.after-selected {
-  padding-left: 12px;
-}
 .mode-selector.alternative > .mode:hover {
   background-color: rgba(0, 0, 0, 0.05);
 }
@@ -9315,24 +9338,11 @@ iframe {
   cursor: default;
 }
 .dense .mode-selector > .mode {
-  padding: 3px 5px;
-}
-.dense .mode-selector > .mode:not(.last):not(.selected) {
-  padding-right: 6px;
-  /* account for the missing border, so that text does not jump */
-}
-.dense .mode-selector > .mode.after-selected {
-  padding-left: 6px;
-  /* account for the missing border, so that text does not jump */
-}
-.dense .mode-selector.alternative > .mode:not(.last):not(.selected) {
-  padding-right: 5px;
-}
-.dense .mode-selector.alternative > .mode.after-selected {
-  padding-left: 5px;
+  --padding-x: 5px;
+  --padding-y: 3px;
 }
 /*
- * 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
@@ -9354,6 +9364,7 @@ iframe {
 .mode-selector.alternative {
   background-color: rgba(0, 0, 0, 0.08);
   border-radius: 3px;
+  border: 3px solid transparent;
 }
 .mode-selector.alternative:not(.disabled) > .mode-slider {
   display: block;
@@ -9791,7 +9802,8 @@ iframe {
   cursor: pointer;
 }
 .planner-mode {
-  width: 65px;
+  padding: 0 8px;
+  min-width: 65px;
   text-align: center;
   border-top: 1px solid rgba(0, 0, 0, 0.23);
   border-bottom: 1px solid rgba(0, 0, 0, 0.23);
@@ -10312,6 +10324,10 @@ iframe {
   --scroll-shadow-size: 5px;
   --scroll-shadow-blur: 5px;
   --scroll-shadow-spread: 6px;
+  --scroll-shadow-inset-top: 0;
+  --scroll-shadow-inset-right: 0;
+  --scroll-shadow-inset-bottom: 0;
+  --scroll-shadow-inset-left: 0;
 }
 .scroll-shadow.top {
   box-shadow: inset 0 var(--scroll-shadow-size) var(--scroll-shadow-blur) calc(-1 * var(--scroll-shadow-spread)) var(--scroll-shadow-color), inset 0 0 0 0 transparent, inset 0 0 0 0 transparent, inset 0 0 0 0 transparent;
@@ -11673,7 +11689,7 @@ Try these to switch between fonts:
 /* scoutIcons: custom icons */
 /* scoutIcons: awesome icons */
 /*
- * 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
@@ -12052,6 +12068,13 @@ Try these to switch between fonts:
 .table.table-row-check > .table-data > .table-row.selected::after {
   display: none;
 }
+.table.table-row-check > .table-data > .table-row:hover {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+.table.table-row-check > .table-data > .table-row.disabled,
+.table.table-row-check > .table-data.disabled > .table-row {
+  background-color: transparent;
+}
 .table.table-row-check > .table-data > .table-row.checked,
 .table.table-row-check > .table-data > .table-row.checked.selected {
   /* Mark checked rows with a background color */
@@ -12061,6 +12084,16 @@ Try these to switch between fonts:
 .table.table-row-check > .table-data > .table-row.checked.selected > .table-cell {
   color: #fff;
 }
+.table.table-row-check > .table-data > .table-row.checked:hover,
+.table.table-row-check > .table-data > .table-row.checked.selected:hover {
+  background-color: #014786;
+}
+.table.table-row-check > .table-data > .table-row.disabled.checked,
+.table.table-row-check > .table-data.disabled > .table-row.checked,
+.table.table-row-check > .table-data > .table-row.disabled.checked.selected,
+.table.table-row-check > .table-data.disabled > .table-row.checked.selected {
+  background-color: #808080;
+}
 .table.table-row-check.keyboard-navigation:focus > .table-data > .table-row.selected,
 .table.table-row-check.keyboard-navigation.focused > .table-data > .table-row.selected {
   background-color: rgba(0, 0, 0, 0.08);
@@ -12963,6 +12996,7 @@ Try these to switch between fonts:
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  margin-top: 1px;
 }
 .table-header-item-state {
   position: absolute;
@@ -13081,6 +13115,9 @@ Try these to switch between fonts:
   vertical-align: top;
   padding: 16px;
 }
+.table-header-menu-actions > .table-header-menu-group > .table-header-menu-group-text {
+  width: calc(100% + 12px);
+}
 .table-header-menu-filters {
   display: inline-block;
   vertical-align: top;
@@ -13252,11 +13289,11 @@ Try these to switch between fonts:
 }
 .table-header-menu-filter-table.table-row-check > .table-data {
   margin-top: 0;
-  padding: 3px 4px;
+  padding: 3px;
 }
 .table-header-menu-filter-table.table-row-check > .table-data > .table-row {
   border-radius: 3px;
-  margin-bottom: 1px;
+  margin-bottom: 2px;
 }
 .table-header-menu-filter-table.table-row-check > .table-data > .table-row.last {
   margin-bottom: 0;
@@ -14113,13 +14150,12 @@ Try these to switch between fonts:
 }
 .tree-node.lazy > .tree-node-control::before {
   font-family: Arial, sans-serif;
-  font-size: 13px;
   content: '+';
   /* Move to left because '+' sign is not as wide as 'arrow-down' */
   margin-left: -2px;
 }
 .tree-node.expanded > .tree-node-control::before {
-  /* This "imprecise" angle is a workround for firefox to prevent shifting the div a little when the animation finishes. */
+  /* This "imprecise" angle is a workaround for firefox to prevent shifting the div a little when the animation finishes. */
   /* See https://bugzilla.mozilla.org/show_bug.cgi?id=739176 */
   -webkit-transform: rotate(89.99deg);
   -ms-transform: rotate(89.99deg);
@@ -14675,6 +14711,11 @@ Try these to switch between fonts:
 .tile.dashboard.inverted > .form-field.has-error > .status::before {
   color: #FF5555;
 }
+.tile.dashboard.inverted > .form-field.has-error > .status:hover::before,
+.tile.dashboard.inverted > .form-field.has-error > .status:active::before,
+.tile.dashboard.inverted > .form-field.has-error > .status.selected::before {
+  color: #FF5555;
+}
 .tile.dashboard.inverted > .form-field .scrollbar-thumb-handle {
   background-color: rgba(218, 218, 218, 0.3);
 }
@@ -14746,26 +14787,26 @@ Try these to switch between fonts:
 }
 .tile.dashboard.selected.inverted {
   --tile-background-color: #367ab8;
-  box-shadow: 0 0 0 2px #1561A7, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 0 2px #367ab8, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
 }
 .tile.dashboard.selected.color-alternative {
   box-shadow: 0 0 0 2px #4C4C4C, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
 }
 .tile.dashboard.selected.inverted.color-alternative {
   --tile-background-color: #555555;
-  box-shadow: 0 0 0 2px #4C4C4C, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 0 2px #555555, 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
 }
 .dimmed-background .tile.dashboard.selected {
   box-shadow: 0 0 0 2px #1561A7, 0px 6px 13px 0px rgba(0, 0, 0, 0.05);
 }
 .dimmed-background .tile.dashboard.selected.inverted {
-  box-shadow: 0 0 0 2px #1561A7, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 0 2px #367ab8, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);
 }
 .dimmed-background .tile.dashboard.selected.color-alternative {
   box-shadow: 0 0 0 2px #4C4C4C, 0px 6px 13px 0px rgba(0, 0, 0, 0.05);
 }
 .dimmed-background .tile.dashboard.selected.inverted.color-alternative {
-  box-shadow: 0 0 0 2px #4C4C4C, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 0 2px #555555, 0px 6px 13px 0px rgba(0, 0, 0, 0.1);
 }
 /*
  Mixing that can be used to reduce the horizontal padding.
@@ -15269,7 +15310,7 @@ Try these to switch between fonts:
        /* Improve Chrome's auto-fill style by overriding the forced yellow background and black text color. */
   /* (Requires some hacks, see http://webagility.com/posts/remove-forced-yellow-input-background-in-chrome) */
   border-top-width: 0;
-  padding-top: 2px;
+  padding-top: 3px;
   -webkit-box-shadow: inset 0 0 0 1000px #fff;
   -webkit-text-fill-color: #000 !important;
   /* NOSONAR (!important is okay here) */
@@ -15329,6 +15370,20 @@ Try these to switch between fonts:
   -o-animation: nop 0.05s;
   animation: nop 0.05s;
 }
+/*
+ * 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
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *     BSI Business Systems Integration AG - initial API and implementation
+ */
+.breadcrumb-bar-field > .field {
+  padding-top: 8px;
+  padding-bottom: 9px;
+}
 /*
  * Copyright (c) 2010-2020 BSI Business Systems Integration AG.
  * All rights reserved. This program and the accompanying materials