Лагерь: CSS
This commit is contained in:
parent
bce8db4c93
commit
04611807cb
@ -463,7 +463,7 @@ html {
|
|||||||
|
|
||||||
height: 81px;
|
height: 81px;
|
||||||
|
|
||||||
top: -12px;
|
top: 0;
|
||||||
|
|
||||||
right: -12px;
|
right: -12px;
|
||||||
|
|
||||||
@ -1148,18 +1148,17 @@ html {
|
|||||||
|
|
||||||
@media (min-width: 641px) {
|
@media (min-width: 641px) {
|
||||||
.modal-programs__card {
|
.modal-programs__card {
|
||||||
flex-direction: row;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.modal-programs__img {
|
.modal-programs__img {
|
||||||
min-width: 260px;
|
width: 100%;
|
||||||
width: 260px;
|
aspect-ratio: 16 / 8;
|
||||||
aspect-ratio: auto;
|
height: auto;
|
||||||
height: 260px;
|
border-radius: 24px 24px 0 0;
|
||||||
border-radius: 20px;
|
margin: 0;
|
||||||
margin: 28px 0 28px 28px;
|
|
||||||
}
|
}
|
||||||
.modal-programs__body {
|
.modal-programs__body {
|
||||||
padding: 28px 28px 28px 0;
|
padding: 28px 28px 32px;
|
||||||
}
|
}
|
||||||
.modal-programs__body .programs__item_title {
|
.modal-programs__body .programs__item_title {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
@ -1168,13 +1167,10 @@ html {
|
|||||||
|
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
.modal-programs__img {
|
.modal-programs__img {
|
||||||
min-width: 300px;
|
aspect-ratio: 16 / 7;
|
||||||
width: 300px;
|
|
||||||
height: 300px;
|
|
||||||
margin: 36px 0 36px 36px;
|
|
||||||
}
|
}
|
||||||
.modal-programs__body {
|
.modal-programs__body {
|
||||||
padding: 36px 36px 36px 0;
|
padding: 32px 36px 36px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1213,7 +1209,7 @@ html {
|
|||||||
.pricing-card--full::before {
|
.pricing-card--full::before {
|
||||||
content: 'Рекомендуем';
|
content: 'Рекомендуем';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -12px;
|
top: 0;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
background: #ae5fcd;
|
background: #ae5fcd;
|
||||||
@ -1914,7 +1910,7 @@ html {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.camp-reviews-wrapper .reviews-wrapper {
|
.camp-reviews-wrapper .reviews-wrapper {
|
||||||
margin-top: -12px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.camp-reviews-wrapper .reviews__item,
|
.camp-reviews-wrapper .reviews__item,
|
||||||
@ -1984,7 +1980,7 @@ html {
|
|||||||
|
|
||||||
.modal-camp-request-form {
|
.modal-camp-request-form {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: -12px;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -2182,7 +2178,7 @@ html {
|
|||||||
height: 79px;
|
height: 79px;
|
||||||
width: 84px;
|
width: 84px;
|
||||||
left: -30px;
|
left: -30px;
|
||||||
top: -12px;
|
top: 0;
|
||||||
}
|
}
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
.hero-media-search__frame .doodle--top-left {
|
.hero-media-search__frame .doodle--top-left {
|
||||||
@ -2915,7 +2911,7 @@ html {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.banner-add .banner_btn {
|
.banner-add .banner_btn {
|
||||||
margin-top: -12px;
|
margin-top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -35,7 +35,8 @@ document.addEventListener("click", function (event) {
|
|||||||
const target = event.target;
|
const target = event.target;
|
||||||
|
|
||||||
if (target.classList.contains("btn-close-request-form-camp")) {
|
if (target.classList.contains("btn-close-request-form-camp")) {
|
||||||
modalCampRequestForm.classList.add('hidden');
|
document.body.style.overflow = "";
|
||||||
|
modalCampRequestForm.classList.add("hidden");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -45,7 +46,8 @@ document.addEventListener("click", function (event) {
|
|||||||
|
|
||||||
window.b24campLoaded = true;
|
window.b24campLoaded = true;
|
||||||
|
|
||||||
modalCampRequestForm.classList.remove('hidden');
|
document.body.style.overflow = "hidden";
|
||||||
|
modalCampRequestForm.classList.remove("hidden");
|
||||||
|
|
||||||
var container = modalCampRequestForm.querySelector('.b24-form-container');
|
var container = modalCampRequestForm.querySelector('.b24-form-container');
|
||||||
if (!container.querySelector('.b24-form')) {
|
if (!container.querySelector('.b24-form')) {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user