company send button

Eugeny Galkovskiy
1 parent 595ab5d0
Showing 2 changed files with 62 additions and 0 deletions Show diff stats
frontend/views/layouts/company.php
frontend/web/css/style.css
@@ -17,6 +17,15 @@
         <div class="section-box-14" style="background-image: url(<?= $this->params[ 'company' ]->userInfo->poster; ?>); background-repeat: no-repeat; background-position: 50%;">
             <div class="box-wr">
                 <div class="box-all">
+                    <div class="company_send_message">
+                        <?php
+                            echo Html::a('Написать сообщение', Url::toRoute([
+                                'chat/message',
+                                'user_id' => $this->params[ 'company' ]->id,
+                            ]));
+                        ?>
+                    </div>
+
                     <?php
                         if($this->params[ 'company' ]->id != \Yii::$app->user->getId()) {
                             // Форма "оставить заявку"
@@ -12637,4 +12637,57 @@ li.active-menu-admin:hover a .ico_num {
 .share-buttons-new .share-buttons-new-link a {
     margin-top: 5px;
     margin-right: 10px;
+}
+
+.company_send_message{
+    position: absolute;
+    bottom: 0;
+    right: 250px;
+}
+.company_send_message a{
+    color: #fff;
+    font-size: 13px;
+    position: relative;
+    width: 170px;
+    height: 45px;
+    border-radius: 4px;
+    display: block;
+    transition: 0.2s;
+    text-decoration: none;
+    margin-left: 8px;
+    box-sizing: border-box;
+    padding-left: 59px;
+    padding-top: 8px;
+    line-height: 14px;
+    border-bottom: 2px solid #3e9825;
+    background: rgb(107, 203, 80);
+    background: -moz-linear-gradient(top, rgba(107, 203, 80, 1) 0%, rgba(96, 187, 70, 1) 100%);
+    background: -webkit-linear-gradient(top, rgba(107, 203, 80, 1) 0%, rgba(96, 187, 70, 1) 100%);
+    background: linear-gradient(to bottom, rgba(107, 203, 80, 1) 0%, rgba(96, 187, 70, 1) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bcb50', endColorstr='#60bb46', GradientType=0);
+}
+
+.company_send_message a:hover{
+    font-size: 15px!important;
+    background: rgb(96, 187, 70);
+    background: -moz-linear-gradient(top, rgba(96, 187, 70, 1) 0%, rgba(107, 203, 80, 1) 100%)!important;
+    background: -webkit-linear-gradient(top, rgba(96, 187, 70, 1) 0%, rgba(107, 203, 80, 1) 100%);
+    background: linear-gradient(to bottom, rgba(96, 187, 70, 1) 0%, rgba(107, 203, 80, 1) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60bb46', endColorstr='#6bcb50', GradientType=0);
+}
+
+.company_send_message a:after{
+    width: 20px;
+    height: 24px;
+    display: block;
+    content: '';
+    background: url(/images/blog/ico-buttons-2.png) no-repeat;
+    position: absolute;
+    top: 50%;
+    margin-top: -12px;
+    left: 15px;
+}
+
+.company_send_message a::after{
+    background: url(/images/blog/ico-buttons-3.png) no-repeat;
 }
 \ No newline at end of file