tokar commit

Виталий
1 parent 54d398c7
Showing 3 changed files with 86 additions and 12 deletions Show diff stats
frontend/views/accounts/_projects_form.php
frontend/views/site/forms-modal-contacts.php
frontend/web/css/style.css
@@ -222,7 +222,7 @@
             <div class="admin-project-file-btn">Загрузить</div>
             <div class="not-file-mb-adm">До 3 Мб файл</div>
         </div>
-        <div style="opacity: 0; height: 54px; width: 100%; float: left;position: absolute; top: 0;left: 0; z-index: 2;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'">
+        <div style="opacity: 0; height: 54px; width: 100%; float: left;position: absolute; top: 0;left: 0; z-index: 2;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'">
         <?= $form->field($project, 'file')
             ->fileInput([ 'multiple' => 'multiple' ]) ?>
-<div id="modal_form_question">
+<div id="modal_form_contacts">
     <div class="closed-form"></div>
-    <div class="form-resume-wr question">
-        <div class="form-resume-sub style">Задать вопрос МФП(контакты)</div>
-        <form action="" class="question-project">
-            <label for="qst_name">Ваши имя и фамилия</label><input id="qst_name" name="" type="text">
+    <div class="form-resume-wr">
+        <div class="form-resume-sub style">Отправить сообщение администрации МФП</div>
+        <form action="" >
+            <div class="input-blocks-wrapper">
+                <label for="qst_name">Ваши имя и фамилия</label>
+                <input class="custom-input-2" id="qst_name" name="" type="text">
+            </div>
+
+            <div class="input-blocks-wrapper">
+                <label for="qst_phone">Контактный телефон</label>
+                <input class="custom-input-2" id="qst_phone" name="" type="text">
+            </div>
+
+            <div class="input-blocks-wrapper">
+                <label for="qst_phone">E-mail</label>
+                <input class="custom-input-2" id="qst_phone" name="" type="text">
+            </div>
+
+            <div class="input-blocks-wrapper">
+                <label for="qst_text">Вопрос</label>
+                <textarea class="custom-input-2" id="qst_text" name=""></textarea>
+            </div>
+
+            <div class="input-blocks-wrapper">
+                <div class="contacts-form-wrapper style">
+                    <div class="contacts-form style"><span>Прикрепить файл</span></div>
+                    <div class="contacts-form-help style">Максимальный размер файла 5 МБ</div>
+                </div>
+                <div class="hiden-input-file-contscts-wr">
+                    <input type="file" value="Прикрепить файл"/>
+                </div>
+            </div>
+
+            <div class="form-actions style">
+                <button type="submit" class="login-button">Отправить</button>
+            </div>
-            <label for="qst_phone">Контактный телефон</label><input id="qst_phone" name="" type="text">
-            <label for="qst_text">Вопрос</label><textarea id="qst_text" name=""></textarea>
-            <input id="qst_submit" type="submit" value="Отправить">
         </form>
         <div class="res_form_line"></div>
     </div>
@@ -960,6 +960,7 @@ li.project-home-active span{
     margin-bottom: 13px;
     margin-top: 5px;
 }
+#modal_form_contacts .form-resume-wr form input {margin-bottom: 0}
 .form-resume-wr form textarea {
     width: 240px;
     height: 123px;
@@ -970,6 +971,11 @@ li.project-home-active span{
     box-sizing: border-box;
     padding: 5px 0 0 10px;
 }
+.forms-modal-hide .form-resume-wr form textarea {
+    height: 90px;
+    max-height: 90px;
+    min-height: 90px;
+}
 .form-resume-wr form input[type="submit"] {
     background: #0072bc;
     color: #fff;
@@ -1066,6 +1072,9 @@ input[type=file]::-webkit-file-upload-button {
     left: 0;bottom: 89px;
     z-index: 1;
 }
+#modal_form_contacts .res_form_line {
+    top: 420px;
+}
 /***rating***/
 .section-box-15 .rating {padding-left: 0;margin-left: -4px}
 .section-box-15 .vote-stars, .section-box-15 .vote-active {cursor: default !important}
@@ -3373,7 +3382,7 @@ ul.proektant-comments {margin-top: 15px}
     background:url("/images/menu_icons.png") -44px 0 no-repeat;
 }
 /***modal***/
-#modal_form_favorite, #modal_form_offer, #modal_form_question, #modal_form_login {
+#modal_form_favorite, #modal_form_offer, #modal_form_question, #modal_form_login, #modal_form_contacts {
     width: 460px;
     height: 263px;
     position: absolute;
@@ -3384,9 +3393,9 @@ ul.proektant-comments {margin-top: 15px}
     opacity: 0;
     z-index: 9992;
 }
-#modal_form_question {height: 533px}
+#modal_form_question, #modal_form_contacts {height: 533px}
 #modal_form_login {height: 423px}
-#modal_form_login .form-resume-wr form label{float: none}
+#modal_form_login .form-resume-wr form label, #modal_form_contacts .form-resume-wr form label{float: none}
 #modal_form_favorite .res_form_line {bottom: 85px}
 .page-favorite {
     height: 85px;
@@ -5401,6 +5410,42 @@ top: 272px;
     margin-top: 10px;
 }
 .site-request-password-reset {}
+.contacts-form-help {
+    font-size: 11px;
+    color: #c2c2c2;
+}
+.contacts-form-wrapper {margin-top: 16px}
+.contacts-form {text-align: center}
+.contacts-form span{
+    font-size: 13px;
+    text-transform: uppercase;
+    color: #0276c0;
+    border-bottom: 1px solid #0072bc;
+    position: relative;
+}
+.contacts-form span:before{
+    content: '';
+    position: absolute;
+    top: -2px;
+    left: -28px;
+    width: 19px;
+    height: 21px;
+    background: url("/images/skrpk.png") no-repeat;
+}
+.hiden-input-file-contscts-wr {
+    background:red;cursor:pointer;position: absolute; top: 16px; height:18px;left: 0; opacity: 0.5; z-index: 2;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
+}
+
+
+
+
+
+
+
+
+
+
+