From f0e9997c73596c14784fac00c54dd74b33564c82 Mon Sep 17 00:00:00 2001 From: Boris Voropaev Date: Mon, 4 Sep 2023 17:28:26 +0300 Subject: [PATCH] page-breadcrumbs --- .../page-breadcrumbs.component.scss | 22 +++++++++++++------ 1 file changed, 15 insertions(+), 7 deletions(-) diff --git a/src/app/_modules/pages/page/breadcrumbs/page-breadcrumbs.component.scss b/src/app/_modules/pages/page/breadcrumbs/page-breadcrumbs.component.scss index fe33362..bedb9d6 100644 --- a/src/app/_modules/pages/page/breadcrumbs/page-breadcrumbs.component.scss +++ b/src/app/_modules/pages/page/breadcrumbs/page-breadcrumbs.component.scss @@ -1,9 +1,13 @@ +:host{ + display: block; +} .breadcrumbs { padding: 12px 0 0 0; - display: flex; - flex-wrap: wrap; - row-gap: 12px; - + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color:var(--blue-1); li { padding: 0; display: inline; @@ -14,19 +18,23 @@ font-style: normal; font-weight: 400; line-height: 16px; /* 160% */ - text-wrap: nowrap; + color: var(--blue-1); &::before { - display: block; + display: inline; content: ""; position: absolute; width: 20px; height: 20px; right: -22px; - top: 0; + top: 4px; + vertical-align: -5px; background: url("~src/assets/images/icons/chevron_right_24dp.svg") no-repeat center; } + &:first-child,&:nth-child(2){ + display: none; + } &:last-child { &::before { background: none;