tokar commit

Виталий
1 parent 939c12c6
Showing 2 changed files with 51 additions and 11 deletions Show diff stats
frontend/views/site/forms-modal-contacts.php
frontend/web/css/style.css
@@ -26,20 +26,28 @@
             <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 class="contacts-form-help style">
+                        <span>Максимальный размер файла 5 МБ</span>
+                    </div>
                 </div>
-                <div class="hiden-input-file-contscts-wr">
-                    <input type="file" value="Прикрепить файл"/>
+
+                <div class="tst-input-hidden-cont">
+                    <input class="" type="file" value=""/>
                 </div>
+
             </div>
             <div class="form-actions style">
                 <button type="submit" class="login-button">Отправить</button>
             </div>
-
-
-
         </form>
         <div class="res_form_line"></div>
     </div>
-</div>
 \ No newline at end of file
+</div>
+<script>
+    $('.tst-input-hidden-cont input').change(function(){
+        var fileValContacts = $(this).val()
+        var filenameContacts = fileValContacts.replace(/^.*\\/, "")
+        $('.contacts-form-help span').html(filenameContacts)
+    })
+</script>
 \ No newline at end of file
@@ -1073,7 +1073,7 @@ input[type=file]::-webkit-file-upload-button {
     z-index: 1;
 }
 #modal_form_contacts .res_form_line {
-    top: 420px;
+    top: 411px;
 }
 /***rating***/
 .section-box-15 .rating {padding-left: 0;margin-left: -4px}
@@ -5411,11 +5411,22 @@ top: 272px;
 }
 .site-request-password-reset {}
 .contacts-form-help {
+    height: 41px;
+    box-sizing: border-box;
+    padding-left: 70px;
+    overflow: hidden;
+}
+.contacts-form-help span {
     font-size: 11px;
     color: #c2c2c2;
+    height: 35px;
+    width: 135px;
+    display: table-cell;
+    vertical-align: middle;
+    line-height: 16px;
 }
-.contacts-form-wrapper {margin-top: 16px}
-.contacts-form {text-align: center}
+.contacts-form-wrapper {margin-top: 8px}
+.contacts-form {    box-sizing: border-box;  padding-left: 69px;}
 .contacts-form span{
     font-size: 13px;
     text-transform: uppercase;
@@ -5433,9 +5444,30 @@ top: 272px;
     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)
+    overflow:hidden;background:red;cursor:pointer;position: absolute; top: 16px; height:31px;width:240px;left: 0; opacity: 0.5; z-index: 2;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
 }
+.tst-input-hidden-cont{
+    width: 240px !important;
+    height: 29px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    opacity: 0;
+    z-index: 99999;
+    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+}
+.tst-input-hidden-cont input {
+    width: 240px !important;
+    height: 29px !important;
+    position: absolute;
+    top: 0;
+    left: 0;
+    opacity: 0;
+    z-index: 99999;
+    cursor: pointer;
+    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
+}