From 22955ed54a47eb434a6fe0349c17ae8fb3ed2da0 Mon Sep 17 00:00:00 2001
From: Ekaterina Kondareva <>
Date: Tue, 27 Oct 2020 11:15:30 +0200
Subject: [PATCH] style fixes for breadcrumbs
---
.../hy-breadcrumbs/hy-breadcrumbs.scss | 33 ++++++++++++++-----
src/components/hy-main/hy-main.scss | 2 +-
2 files changed, 26 insertions(+), 9 deletions(-)
diff --git a/src/components/hy-breadcrumbs/hy-breadcrumbs.scss b/src/components/hy-breadcrumbs/hy-breadcrumbs.scss
index 6c539421..7751c6df 100644
--- a/src/components/hy-breadcrumbs/hy-breadcrumbs.scss
+++ b/src/components/hy-breadcrumbs/hy-breadcrumbs.scss
@@ -153,6 +153,12 @@
}
}
+ .breadcrumb-item-caret {
+ svg {
+ fill: var(--grayscale-dark);
+ }
+ }
+
.breadcrumb-item-dropdown-button {
display: flex;
flex-direction: row;
@@ -163,7 +169,7 @@
line-height: 10px;
border-radius: 3px;
background-color: var(--grayscale-white);
- box-shadow: 0 0 10px 0 rgba(14, 104, 139, 0.1);
+ box-shadow: 0 0 10px 0 rgba(14, 104, 139, 0.3);
padding: 0 25px 9px 10px;
position: relative;
@@ -193,7 +199,7 @@
&__is-open {
background: var(--grayscale-white);
- box-shadow: 0 0 10px 0 rgba(14, 104, 139, 0.1);
+ box-shadow: 0 0 10px 0 rgba(14, 104, 139, 0.2);
display: block;
margin-top: -9px;
padding: 32px 16px 6px 16px;
@@ -242,6 +248,19 @@
visibility: hidden;
}
+ .breadcrumb-item.main,
+ .breadcrumb-item.intermediate,
+ .breadcrumb-item.home {
+ a {
+ min-height: 44px;
+ }
+ }
+ .breadcrumb-item.breadcrumb-item__current {
+ a {
+ min-height: 0;
+ }
+ }
+
#more,
.more {
display: none;
@@ -263,13 +282,11 @@
@include font-size(26px, 26px);
color: var(--grayscale-black);
font-weight: 700;
+ }
- //@todo change home icon to be 20px x 20px and be as in the specs
-
- .breadcrumb-item-caret {
- // @todo set styles for caret near the home icon
- // should be bold
- // padding: 0 6px 0 8px; (mobile) && padding: 0 8px 0 10px (tablet + desktop);
+ .breadcrumb-item-caret {
+ svg {
+ fill: var(--grayscale-black);
}
}
diff --git a/src/components/hy-main/hy-main.scss b/src/components/hy-main/hy-main.scss
index d4563441..75901487 100644
--- a/src/components/hy-main/hy-main.scss
+++ b/src/components/hy-main/hy-main.scss
@@ -1,6 +1,6 @@
.hy-main {
display: flex;
- margin: var(--gutter-mobile) auto;
+ //margin: var(--gutter-mobile) auto;
max-width: $fullhd;
padding: 0;
width: 100%;
--
GitLab