style fix

Eugeny Galkovskiy
1 parent 4d97ffdd
Showing 4 changed files with 40 additions and 2 deletions Show diff stats
common/messages/ru/app.php
common/messages/ua/app.php
frontend/views/site/index.php
frontend/web/css/main.css
@@ -318,4 +318,5 @@ return [
     'NewsFollow'    =>  'Следите за новостями',
     'city_short'    =>  'г',
     'copylink'      =>  'Создание сайтов',
+    'get_consult' =>  'Получить консультацию специалиста',
 ];
 \ No newline at end of file
@@ -320,4 +320,5 @@ return [
     'NewsFollow'    =>  'Слідкуйте за новинами',
     'city_short'    =>  'м',
     'copylink'      =>  'Створення сайтів',
+    'get_consult' =>  'Отримати консультацію спеціаліста',
 ];
 \ No newline at end of file
@@ -288,7 +288,9 @@ JS;
                                                                 'alias' => $object->lang->alias,
                                                             ]
                                                         ) ?>" class="sqre_btn blue_arrow" alt="<?=$object->lang->object_name?>"></a>
-                                                        <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= \Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal"></a>
+                                                        <a href="#" class="btn sqre_btn yellow_calc modaled init-button-сalculate" data-title="<?= \Yii::t('app', 'modal1') ?>" data-toggle="modal" data-target="#feedback-modal">
+                                                            <div class="phone_hint"><?= \Yii::t('app', 'get_consult') ?></div>
+                                                        </a>
                                                     </td>
                                                     <td class="i-title" valign="center">
                                                         <p class="pr_title2">
@@ -119,7 +119,7 @@ a.sqre_btn {
     background-color: rgba(255, 0, 0, 0.23);
     border-radius: 0;
     text-align: center;
-    overflow: hidden;
+    position: relative;
     margin-left: 5px;
     margin-top: 5px;
     background-position: center;
@@ -774,6 +774,40 @@ ul.list-wr span{color: #555;}
     border-radius: 10px;
 }
 .contacts_photo img{width:100%;}
+.phone_hint{
+    opacity: 0;
+    position: absolute;
+    white-space: normal;
+    min-width: 182px;
+    text-align: left;
+    font-weight: bold;
+    text-transform: none;
+    background-color: #fff;
+    border: 1px solid #0095d7;
+    padding: 3px 7px;
+    border-radius: 5px;
+    bottom: -50px;
+    left: -10px;
+    transition: 0.3s;
+    box-shadow: 0px 5px 12px -6px black;
+}
+.phone_hint:after {
+    content: '';
+    display: block;
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    background: #ffffff;
+    bottom: -6px;
+    left: 20px;
+    transform: rotate(45deg);
+    border-bottom: 1px solid #0095d7;
+    border-right: 1px solid #0095d7;
+}
+a.btn.sqre_btn.yellow_calc.modaled.init-button-сalculate:hover > .phone_hint {
+    bottom: 40px!important;
+    opacity: 0.9!important;
+}
 @media(min-width:1201px){
     .links-ses-for-wr .container .row p {margin: 7px 20px;}