Отображение надписи "закрыть" по наведении на крестик во всплывающих формах.

common/modules/blog/views/post/_modals.php

@@ -9,7 +9,7 @@ use common\modules\bids\models\Bid;
 
 <div class="hidden">
     <div id="article" class="popup popup_2 blog_form">
-
+        <div class="txtbtnclose"><?=\Yii::t('blog', 'Close')?></div>
         <span class="popup__title"><?=\Yii::t('blog', 'Suggest an article for the blog')?></span>
 
         <?php 
@@ -81,7 +81,7 @@ use common\modules\bids\models\Bid;
 
 
     <div id="feedback" class="popup popup_2 blog_form_2">
-        <!-- <div class="txtbtnclose">Закрыть</div> -->
+        <div class="txtbtnclose"><?=\Yii::t('blog', 'Close')?></div>
         <span class="popup__title"><?=\Yii::t('blog', 'Offer a subject')?></span>
         <p><strong><?=\Yii::t('blog', "We are ready to share our experience, let us know what a topic you're interested in.")?></strong></p>
         <br>

frontend/messages/ru-RU/blog.php

@@ -18,5 +18,6 @@ For example: write about CRM" => "Что хочу почитать?
 	'Load more' => 'Загрузить еще',
 	'Read more...' => 'Читать...',
 	'Follow us!' => 'Все секреты в наших соц сетях!',
-	'Offer a subject and we will publish about it' => 'Предложите свою тему и мы напишем'
+	'Offer a subject and we will publish about it' => 'Предложите свою тему и мы напишем',
+	'Close' => 'Закрыть'
 ];
\ No newline at end of file

frontend/web/js/common.js

@@ -310,7 +310,17 @@ $(document).ready(function() {
 		
 		midClick: true,
 		removalDelay: 300,
-		mainClass: 'my-mfp-zoom-in'
+		mainClass: 'my-mfp-zoom-in',
+
+		callbacks: {
+			open: function() {
+				$('.mfp-close').mouseover(function() {
+					$(this).parent().find('.txtbtnclose').show();
+				}).mouseout(function() {
+					$(this).parent().find('.txtbtnclose').hide();
+				});
+			}
+		}
 	});
 	$(".toggle-mnu").click(function() {
 		$(this).toggleClass("on");