work/armanty-quests
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add tooltip/ change small room sum

Browse Source
This commit is contained in:
Sergey Krylov 2021-03-28 14:50:24 +03:00
parent 85a9151373
commit 90a7391c26
5 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
parts/landings/graduation/top-menu.php
View File

@ -2,7 +2,7 @@
<div class="layer"></div> <div class="layer"></div>
<div class="content"> <div class="content">
<a href="<?php echo get_home_url() ?>">На главную</a> <a href="<?php echo get_home_url() ?>">На главную</a>
<div><i class="fa fa-map-marker" aria-hidden="true"></i> <span>Подольск</span></div> <div id='tooltip' data-toggle="tooltip" data-placement="bottom" title="ул. Клемента Готвальда, 6В Этаж 3, помещения 16, 18"><i class="fa fa-map-marker" aria-hidden="true"></i> <span>Подольск</span></div>
</div> </div>
</div> </div>

3
php/wordpress/scripts.php
View File

@ -11,9 +11,10 @@
wp_enqueue_script( 'jqmask', $libs . '/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js', ['jquery'], null, true); wp_enqueue_script( 'jqmask', $libs . '/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js', ['jquery'], null, true);
wp_enqueue_script( 'bootstrap', $libs . '/bootstrap-4.4.1-dist/js/bootstrap.bundle.min.js', ['jquery'], null, true);
if (!is_page_template('templates/graduation.php')) { if (!is_page_template('templates/graduation.php')) {
wp_enqueue_script( 'poper', $libs . '/bootstrap-4.4.1-dist/js/popper.min.js', ['jquery'], null, true); wp_enqueue_script( 'poper', $libs . '/bootstrap-4.4.1-dist/js/popper.min.js', ['jquery'], null, true);
wp_enqueue_script( 'bootstrap', $libs . '/bootstrap-4.4.1-dist/js/bootstrap.bundle.min.js', ['jquery'], null, true);
wp_enqueue_script( 'owlcarousel', $libs . '/OwlCarousel2-2.3.4/dist/owl.carousel.js', ['jquery'], null, true); wp_enqueue_script( 'owlcarousel', $libs . '/OwlCarousel2-2.3.4/dist/owl.carousel.js', ['jquery'], null, true);
wp_enqueue_script( 'moment', $libs . '/bootstrap_datetimepicker/js/moment-with-locales.min.js', ['jquery'], null, true); wp_enqueue_script( 'moment', $libs . '/bootstrap_datetimepicker/js/moment-with-locales.min.js', ['jquery'], null, true);
wp_enqueue_script( 'bootstrap', $libs . '/bootstrap_datetimepicker/js/bootstrap.min.js', ['jquery', 'moment'], null, true); wp_enqueue_script( 'bootstrap', $libs . '/bootstrap_datetimepicker/js/bootstrap.min.js', ['jquery', 'moment'], null, true);

2
src/js/components/form.js
View File

@ -70,7 +70,7 @@ $(document).ready(() => {
break; break;
case 'Малый зал': case 'Малый зал':
addingSum += 1000 addingSum += 1500
break; break;
} }

3
src/js/components/graduation.js
View File

@ -17,6 +17,8 @@ $(document).ready(function () {
const descriptionBlock = document.querySelector('.description'); const descriptionBlock = document.querySelector('.description');
const orderModal = document.querySelector('.order-modal'); const orderModal = document.querySelector('.order-modal');
const orderModalOverlay = document.querySelector('.order-modal__overlay') const orderModalOverlay = document.querySelector('.order-modal__overlay')
// Tooltip
const topMenuTooltip = document.getElementById('tooltip')
// Add event listeners // Add event listeners
@ -46,6 +48,7 @@ $(document).ready(function () {
// Function with jQuery // Function with jQuery
$(phoneInput).mask('+7 (000) 000-00-00'); $(phoneInput).mask('+7 (000) 000-00-00');
$(topMenuTooltip).tooltip({ boundary: 'window', trigger: 'hover focus' })
function scrollToElem(element) { function scrollToElem(element) {

13
src/sass/pages/graduation.sass
View File

@ -117,11 +117,12 @@ main
margin-top: 140px margin-top: 140px
.graduation__packet .graduation__packet
padding: 40px 60px
background: #fff background: #fff
max-width: 392px
box-shadow: 8px 8px 14px #EBC8AE
border-radius: 2px border-radius: 2px
box-shadow: 8px 8px 14px #EBC8AE
margin: 0 auto
max-width: 392px
padding: 40px 60px
.graduation-btn .graduation-btn
@ -178,6 +179,7 @@ main
.icon .icon
width: 259px width: 259px
margin: 0 auto
.img-icon .img-icon
height: 164px height: 164px
@ -280,11 +282,14 @@ main
&:hover &:hover
// text-decoration: none // text-decoration: none
#tooltip
cursor: default
span span
&:last-child &:last-child
font-family: Montserrat font-family: Montserrat
font-weight: 600 font-weight: 600
font-size: 14px font-size 14px
margin-left: 10px margin-left: 10px
@media screen and (max-width: 1366px) @media screen and (max-width: 1366px)