diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css index 4c7596e..08b07ab 100644 --- a/assets/css/gp-style-core.css +++ b/assets/css/gp-style-core.css @@ -406,6 +406,9 @@ button{ height: 96px; resize: none; } +.form__input--center{ + text-align: center; +} .form__button{ width: 100%; @@ -738,6 +741,9 @@ button{ } .form-input__radio{ padding: 16px; + + display: flex; + flex-direction: column; } .form-input-radio__item{ margin-top: 14px; @@ -1780,6 +1786,29 @@ button{ .modal-form-content__line--two .modal-form-content-line__element{ width: calc(50% - 12px); } +.modal-form-content__line--three{ + display: flex; +} +.modal-form-content__line--three .modal-form-content-line__element:nth-child(1){ + width: 85px; + + flex-shrink: 0; +} +.modal-form-content__line--three .modal-form-content-line__element:nth-child(2){ + margin-left: 8px; + + width: 100%; +} +.modal-form-content__line--three .modal-form-content-line__element:nth-child(3){ + margin-left: 8px; + + width: 85px; + + flex-shrink: 0; +} +.modal-form-content__line--margin-top-16{ + margin-top: 16px; +} .modal-form__buttons{ margin-top: 32px; } @@ -1933,6 +1962,15 @@ button{ .modal-map__map iframe{ height: 650px; } +.modal__age{ + +} +.modal__age > div{ + display: none; +} +.modal__age > div.active{ + display: flex; +} /* modal */ /* toggle */ diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css index 2f7194b..734b8a6 100644 --- a/assets/css/gp-style-mobile.css +++ b/assets/css/gp-style-mobile.css @@ -89,6 +89,19 @@ border-radius: 0; border: none; } + +.modal-form-content__line--three .modal-form-content-line__element:nth-child(1){ + width: 69px; +} +.modal-form-content__line--three .modal-form-content-line__element:nth-child(2){ + +} +.modal-form-content__line--three .modal-form-content-line__element:nth-child(3){ + width: 82px; +} +.form__input{ + padding: 12px 14px; +} /* modal */ /* footer */ diff --git a/assets/js/gp-form.js b/assets/js/gp-form.js index 0983077..fc08c50 100644 --- a/assets/js/gp-form.js +++ b/assets/js/gp-form.js @@ -83,9 +83,27 @@ function inputTwo(main, inputTwo) { button.onclick = function () { input.checked = (input.checked == false) ? true : false; - } - + if (button.dataset.content) { + let content = button.dataset.content, + childrens = document.querySelector(`.${content}`).children; + + Object.keys(childrens).forEach(blockId => { + let block = childrens[blockId]; + + if (block.classList.contains('active')) { + block.classList.remove('active'); + }else{ + block.classList.add('active'); + } + }) + + + // .forEach(block => { + // + // }) + } + } }) } diff --git a/notification-form-pet.html b/notification-form-pet.html index 82d56c2..01eef18 100644 --- a/notification-form-pet.html +++ b/notification-form-pet.html @@ -376,7 +376,7 @@