Show placeholder for empty slot in breadcrumbs

pull/21833/head
Bruno Windels 2019-09-12 14:42:27 +02:00
parent ab6215f9aa
commit df8ce7fb33
3 changed files with 17 additions and 0 deletions

View File

@ -22,6 +22,19 @@ limitations under the License.
display: flex;
flex-direction: row;
// repeating circles as empty placeholders
background:
radial-gradient(
circle at center,
$breadcrumb-placeholder-bg-color,
$breadcrumb-placeholder-bg-color 15px,
transparent 16px
);
background-size: 36px;
background-position: 6px -1px;
background-repeat: repeat-x;
// Autohide the scrollbar
overflow-x: hidden;
&:hover {

View File

@ -170,6 +170,8 @@ $tooltip-timeline-fg-color: #ffffff;
$interactive-tooltip-bg-color: $base-color;
$interactive-tooltip-fg-color: #ffffff;
$breadcrumb-placeholder-bg-color: #272c35;
// ***** Mixins! *****
@define-mixin mx_DialogButton {

View File

@ -288,6 +288,8 @@ $tooltip-timeline-fg-color: #ffffff;
$interactive-tooltip-bg-color: #27303a;
$interactive-tooltip-fg-color: #ffffff;
$breadcrumb-placeholder-bg-color: #e8eef5;
// ***** Mixins! *****
@define-mixin mx_DialogButton {