Wylaczenie dodawania do ulubionych w modalu
This commit is contained in:
65
style.less
65
style.less
@@ -2,6 +2,7 @@
|
||||
.idm__hotspot .add_to_basket, .idm__hotspot .add_to_basket__link{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
@media (max-width: 978px){
|
||||
.idm__hotspot .add_to_basket__button.btn:not(.--error):not(.--success)::before{
|
||||
@@ -72,26 +73,32 @@
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
overflow: hidden;
|
||||
height: 50rem;
|
||||
min-height: 30rem;
|
||||
&_product{
|
||||
flex-shrink: 0;
|
||||
padding-right: 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
&_img{
|
||||
aspect-ratio: ~"1 / 1";
|
||||
.skeleton(100%, auto, 100%, auto, 8px);
|
||||
margin-bottom: 2.5rem;
|
||||
.skeleton(100%, auto, 100%, auto, 5px);
|
||||
}
|
||||
&_opinions{
|
||||
margin-bottom: 1rem;
|
||||
.skeleton(75%, 2rem, 75%, 2rem, 0);
|
||||
}
|
||||
&_name{
|
||||
margin-bottom: 1.6rem;
|
||||
.skeleton(100%, 4.2rem, 100%, 4.2rem, 0)
|
||||
}
|
||||
&_price{
|
||||
margin-bottom: 1.6rem;
|
||||
.skeleton(50%, 2rem, 50%, 2rem, 0)
|
||||
}
|
||||
&_btn{
|
||||
.skeleton(100%, 4.6rem, 100%, 4.6rem, 8px)
|
||||
.skeleton(100%, 4.6rem, 100%, 4.6rem, 5px)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -385,6 +392,56 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* Rozmiary */
|
||||
.product__select_sizes{
|
||||
order: 3;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 1rem;
|
||||
padding: 0.3rem;
|
||||
background: #fff;
|
||||
input[type="radio"]{
|
||||
display: none;
|
||||
}
|
||||
.product__size_select{
|
||||
width: 4.5rem;
|
||||
height: 4.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
border: 1px solid #ccc;
|
||||
transition: border 0.2s;
|
||||
&:hover{
|
||||
border-color: #000;
|
||||
}
|
||||
&:not(:has(input:checked)){
|
||||
cursor: pointer;
|
||||
}
|
||||
&:has(input:checked){
|
||||
box-shadow: 0 0 0 1px #000;
|
||||
border-color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 979px){
|
||||
.product__select_sizes{
|
||||
clip-path: inset(0 0 100% 0);
|
||||
transition: all 0.2s;
|
||||
position: absolute;
|
||||
top: calc(100%);
|
||||
padding-top: 1rem;
|
||||
}
|
||||
.product:hover .product__select_sizes{
|
||||
clip-path: inset(0 0 0 0);
|
||||
}
|
||||
.idm__hotspot .swiper-wrapper:has(.product:hover .product__select_sizes){
|
||||
z-index: 51!important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Ogolne */
|
||||
.idm__hotspot{
|
||||
.product__name{
|
||||
|
||||
Reference in New Issue
Block a user