diff --git a/apps/files_sharing/css/sharebreadcrumb.scss b/apps/files_sharing/css/sharebreadcrumb.scss index f3096f450137d..ef1cd6158e1cf 100644 --- a/apps/files_sharing/css/sharebreadcrumb.scss +++ b/apps/files_sharing/css/sharebreadcrumb.scss @@ -25,7 +25,6 @@ div.crumb span.icon-public { display: inline-block; cursor: pointer; opacity: 0.2; - margin-right: 6px; } div.crumb span.icon-shared.shared, diff --git a/core/css/styles.scss b/core/css/styles.scss index 35fc300eafeff..2810e3fe81071 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -1219,46 +1219,37 @@ span.ui-icon { /* ---- BREADCRUMB ---- */ -div.crumb { +.breadcrumb { + margin-right: 10px; float: left; - display: block; + display: flex; +} +div.crumb { + display: flex; + opacity: 0.5; background-image: url('../img/breadcrumb.svg?v=1'); background-repeat: no-repeat; background-position: right center; height: 44px; background-size: auto 24px; + line-height: 12px; &.hidden { display: none; } a, > span { - position: relative; - top: 12px; - padding: 14px 24px 14px 17px; - color: nc-lighten($color-main-text, 33%); - } - &.last a { - padding-right: 0; + padding: 14px; } - &:first-child a { + .icon-public, .icon-shared { position: relative; - top: 13px; - padding-right: 14px; + right: 14px; + margin-right: -14px; } &.last { font-weight: 600; - margin-right: 10px; - } - &.ellipsized { - padding: 0 10px 0 5px; - } - a.ellipsislink { - padding: 0 !important; - position: relative; - top: 8px !important; } &:hover, &:focus, a:focus, &:active { - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; - opacity: .7; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; + opacity: 1; } } diff --git a/core/img/places/home.svg b/core/img/places/home.svg index 30ef3e31ad4ee..600c5a537c4cc 100644 --- a/core/img/places/home.svg +++ b/core/img/places/home.svg @@ -1 +1 @@ - \ No newline at end of file +