forge-joniko/ldc-doux
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

breadcrumb fix bug

Browse source
This commit is contained in:
Sebastien Hattry 2021-11-25 11:51:50 +01:00
parent f72bb50f18
commit 5eb07b0fbd
2 changed files with 30 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
public/css/app.css vendored
View file

@ -4540,9 +4540,14 @@ h3:not(.item__title, .product-card__title){
}
.breadcrumb{
--margin-breadcrumb:50px;
position:absolute;
flex-wrap:wrap;
margin-left:var(--margin-breadcrumb);
top:20px;
align-items:center;
max-width:25%;
text-align:initial;
color:#8b4437;
font-size:calc(18px * 0.85);
z-index:2;
@ -4555,11 +4560,20 @@ h3:not(.item__title, .product-card__title){
margin-left:5px;
}
.breadcrumb:before{
position:absolute;
left:calc(var(--margin-breadcrumb) * -1);
content:url(/assets/images/arrow-back.jpg?b995a9d20eaaee831944babd9df5bbc4);
margin-right:25px;
}
@media screen and (max-width: 799px){
.breadcrumb{
max-width:70%;
top:-60px;
right:0;
justify-content:flex-end;
flex-direction:initial;
}
.product-template .breadcrumb{
display:none;
}

16
resources/sass/_links.scss vendored
View file

@ -23,12 +23,18 @@
}
.breadcrumb {
--margin-breadcrumb: 50px;
position: absolute;
flex-wrap: wrap;
margin-left: var(--margin-breadcrumb);
top: 20px;
align-items: center;
max-width: 25%;
text-align: initial;
color: $color-brown;
font-size: calc(#{$globalfont} * 0.85);
z-index: 2;
a:first-of-type {
margin-right: 5px;
}
@ -37,12 +43,20 @@
margin-left: 5px;
}
&:before {
position: absolute;
left: calc(var(--margin-breadcrumb) * -1);
content: url("~@/images/arrow-back.jpg");
margin-right: 25px;
}
}
@media screen and (max-width: 799px) {
.breadcrumb {
max-width: 70%;
top: -60px;
right: 0;
justify-content: flex-end;
flex-direction: initial;
}
.product-template .breadcrumb {
display: none;
}