tonyair/webpack-bootstrap-ui-kit
1
0
Fork 0
mirror of https://github.com/a2nt/webpack-bootstrap-ui-kit.git synced 2024-10-22 11:05:45 +02:00
Code Issues Projects Releases Wiki Activity

FIX: external links and elemental paddings

Browse Source
This commit is contained in:
Tony Air 2020-06-18 06:15:54 +07:00
parent cdd9354841
commit 6a5f090b7b
2 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/js/_main.js
View File

@ -247,6 +247,8 @@ const MainUI = (($) => {
// scroll links
$('.js-scrollTo').on('click', (e) => {
console.log(`${NAME}: .js-scrollTo`);
e.preventDefault();
const el = e.currentTarget;
const $el = $(e.currentTarget);
@ -256,6 +258,7 @@ const MainUI = (($) => {
// load external fonts
if ($('[data-extfont]').length) {
console.log(`${NAME}: loading external fonts [data-extfont]`);
$.getScript(
'//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js',
() => {
@ -276,6 +279,8 @@ const MainUI = (($) => {
// data-set links
$('[data-set-target]').on('click', (e) => {
console.log(`${NAME}: [data-set-target]`);
const $el = $(e.currentTarget);
const $target = $($el.data('set-target'));
@ -300,6 +305,7 @@ const MainUI = (($) => {
// emulate links
$('.a[data-href]').on('click', (e) => {
console.log(`${NAME}: js link processing .a[data-href]`);
const $el = $(e.currentTarget);
const href = $el.data('href');
if (!href.length) {
@ -324,6 +330,8 @@ const MainUI = (($) => {
}
static detectBootstrapScreenSize() {
console.log(`${NAME}: Detecting screen size`);
const $el = $('<div class="env-test"></div>');
let envs = [...Consts.ENVS];
$Body.append($el);
@ -481,7 +489,13 @@ const MainUI = (($) => {
});
// hide spinner on target _blank
$('[target="_blank"],.external').on('click submit', () => {
$('[target="_blank"],.external').on('click submit', (e) => {
if($(e.currentTarget).is('[data-toggle="lightbox"],[data-lightbox-gallery]')){
return false;
}
console.log(NAME +': External link');
setTimeout(() => {
Spinner.hide(() => {
$Body.addClass('loaded');

18
src/scss/_components/_ui.elemental.scss
View File

@ -10,7 +10,12 @@
position: relative;
padding-top: $grid-gutter-element-height;
padding-bottom: $grid-gutter-element-height;
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
}
// remove paddings of the slideshow
&.dynamic__elements__image__elements__elementimage,
&.site__elements__sliderelement {
@ -40,20 +45,21 @@
// hide default page title cuz elemental object will be used to display titles
&.page-header-element {
display: none;
padding-bottom: 0;
margin-bottom: -$grid-gutter-element-height;
}
}
.elements-sm,
.page-content-sidebar {
padding-top: ($grid-gutter-element-height / 2);
padding-bottom: ($grid-gutter-element-height / 2);
// Sidebar elements
.element {
padding-top: ($grid-gutter-element-height / 2);
padding-bottom: ($grid-gutter-element-height / 2);
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
}
}
}