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
+