fix всего кроме кнопок с label

cosmopet--Memento-mori-dev
Kirill Pet 10 months ago
parent fa143ef289
commit f662641ca8
  1. 1
      assets/css/gp-style-core.css
  2. 4
      assets/css/gp-style-mobile.css
  3. 65
      assets/js/gp-cabinet.js
  4. 5
      assets/js/gp-form.js
  5. 254
      notification-decorated.html
  6. 311
      notification-form-data.html
  7. 481
      notification-form-pet.html
  8. 388
      notification-form-test.html
  9. 329
      notification-map.html
  10. 253
      notification-sub.html
  11. 6
      registration.html

@ -1718,6 +1718,7 @@ button{
.modal-form__close:hover{ .modal-form__close:hover{
opacity: .8; opacity: .8;
} }
.modal-form__button-close{}
.modal-form__title{ .modal-form__title{
padding-right: 50px; padding-right: 50px;

@ -201,7 +201,9 @@
left: 153px; left: 153px;
bottom: 0; bottom: 0;
} }
.cabinet-card__content{
padding-right: 19px;
}
/* .cabinet-card__order.active */ /* .cabinet-card__order.active */
/* .cabinet-card__order.active */ /* .cabinet-card__order.active */
/* cabinet */ /* cabinet */

@ -8,6 +8,7 @@ fun.toggleOpenX('.cabinet-card__order', '.cabinet-card-order__open-detail', '.ca
fun.modalFormOpen('.form-open'); fun.modalFormOpen('.form-open');
fun.closeModalForm('.modal-form__close'); fun.closeModalForm('.modal-form__close');
fun.closeModalForm('.modal-form__button-close');
controlCabinet('.cabinet-control__button', '.cabinet', widthPhoneCabinet); controlCabinet('.cabinet-control__button', '.cabinet', widthPhoneCabinet);
@ -15,42 +16,52 @@ function controlCabinet(buttons, main, minWidth){
let thisWidth = window.innerWidth; let thisWidth = window.innerWidth;
let thisMain = document.querySelector(main); let thisMain = document.querySelector(main);
let thisButtons = document.querySelectorAll(buttons);
if (thisWidth <= minWidth) { thisButtons.forEach(e => {
let thisButtons = document.querySelectorAll(buttons); e.onclick = function (element){
let thisContent = document.querySelector(`.cabinet__${e.dataset.cabinet}`);
let newHeight = thisContent.clientHeight + 48;
let thisButton = element.target;
thisButtons.forEach(e => { thisMain.style.height = `${newHeight}px`
e.onclick = function (element){
let thisContent = document.querySelector(`.cabinet__${e.dataset.cabinet}`);
let newHeight = thisContent.clientHeight + 48;
let thisButton = element.target;
thisMain.style.height = `${newHeight}px` if (!thisContent.classList.contains('active')) {
thisMain.querySelector('.active').classList.remove('active');
thisContent.classList.add('active');
if (!thisContent.classList.contains('active')) { setTimeout(() => {
thisMain.querySelector('.active').classList.remove('active'); thisMain.style.height = 'auto';
thisContent.classList.add('active');
setTimeout(() => { if (thisMain.querySelector('.hide')) {
thisMain.style.height = 'auto'; thisMain.querySelector('.hide').classList.remove('hide');
}
if (thisMain.querySelector('.hide')) { thisMain.querySelector('.active').classList.add('hide');
thisMain.querySelector('.hide').classList.remove('hide'); }, 200);
}
thisMain.querySelector('.active').classList.add('hide');
}, 200);
}
thisButtons.forEach(e => {
e.classList.remove('active');
})
thisButton.classList.add('active');
} }
})
} thisButtons.forEach(e => {
e.classList.remove('active');
})
thisButton.classList.add('active');
}
})
} }
let modal = document.querySelector('.modal');
modal.onclick = function (eventModal) {
let thisTarget = eventModal.target;
if (thisTarget.classList.contains('modal')) {
thisTarget.classList.remove('active');
if (!thisTarget.querySelector('.modal-map.active')) {
thisTarget.querySelector('.modal-form.active').classList.remove('active');
}else{
thisTarget.querySelector('.modal-map.active').classList.remove('active');
}
}
}

@ -97,11 +97,6 @@ function inputTwo(main, inputTwo) {
block.classList.add('active'); block.classList.add('active');
} }
}) })
// .forEach(block => {
//
// })
} }
} }
}) })

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -789,7 +789,7 @@
<div class="modal-form__buttons modal-form__buttons--two"> <div class="modal-form__buttons modal-form__buttons--two">
<input class="button button--gradient button--high button--filter " type="submit" value="Сохранить"> <input class="button button--gradient button--high button--filter " type="submit" value="Сохранить">
<input type="reset" class="button button--white open-overlay button--high" value="Отмена"> <input type="reset" class="button button--white open-overlay button--high modal-form__button-close" value="Отмена">
</div> </div>
</form> </form>
</div> </div>
@ -1120,7 +1120,7 @@
<div class="modal-form__buttons modal-form__buttons--two modal-map-form__button"> <div class="modal-form__buttons modal-form__buttons--two modal-map-form__button">
<input class="button button--gradient button--high button--filter " type="submit" value="Сохранить"> <input class="button button--gradient button--high button--filter " type="submit" value="Сохранить">
<input type="reset" class="button button--white open-overlay button--high" value="Отмена"> <input type="reset" class="button button--white open-overlay button--high Добавить адрес" value="Отмена">
</div> </div>
</form> </form>
</div> </div>
@ -1132,7 +1132,7 @@
<div class="modal-form__buttons modal-form__buttons--two modal-map-form__sub-button"> <div class="modal-form__buttons modal-form__buttons--two modal-map-form__sub-button">
<input class="button button--gradient button--high button--filter " type="submit" value="Сохранить"> <input class="button button--gradient button--high button--filter " type="submit" value="Сохранить">
<input type="reset" class="button button--white open-overlay button--high" value="Отмена"> <input type="reset" class="button button--white open-overlay button--high modal-form__button-close" value="Отмена">
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save