modified file w3-total-cache
This commit is contained in:
Gitium
Binary file not shown.
|
Before Width: | Height: | Size: 138 B |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
@ -1,211 +0,0 @@
|
||||
button[data-balloon] {
|
||||
overflow: visible; }
|
||||
|
||||
[data-balloon] {
|
||||
position: relative;
|
||||
cursor: pointer; }
|
||||
[data-balloon]:after {
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-moz-opacity: 0;
|
||||
-khtml-opacity: 0;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: all 0.18s ease-out 0.18s;
|
||||
font-weight: normal !important;
|
||||
font-style: normal !important;
|
||||
text-shadow: none !important;
|
||||
font-size: 12px !important;
|
||||
background: rgba(17, 17, 17, 0.9);
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
content: attr(data-balloon);
|
||||
padding: .5em 1em;
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
z-index: 10; }
|
||||
[data-balloon]:before {
|
||||
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
|
||||
background-size: 100% auto;
|
||||
width: 18px;
|
||||
height: 6px;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
-moz-opacity: 0;
|
||||
-khtml-opacity: 0;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: all 0.18s ease-out 0.18s;
|
||||
content: '';
|
||||
position: absolute;
|
||||
z-index: 10; }
|
||||
[data-balloon]:hover:before, [data-balloon]:hover:after, [data-balloon][data-balloon-visible]:before, [data-balloon][data-balloon-visible]:after {
|
||||
filter: alpha(opacity=100);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
-moz-opacity: 1;
|
||||
-khtml-opacity: 1;
|
||||
opacity: 1;
|
||||
pointer-events: auto; }
|
||||
[data-balloon].font-awesome:after {
|
||||
font-family: FontAwesome; }
|
||||
[data-balloon][data-balloon-break]:after {
|
||||
white-space: pre; }
|
||||
[data-balloon][data-balloon-blunt]:before, [data-balloon][data-balloon-blunt]:after {
|
||||
transition: none; }
|
||||
[data-balloon][data-balloon-pos="up"]:after {
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
margin-bottom: 11px;
|
||||
transform: translate(-50%, 10px);
|
||||
transform-origin: top; }
|
||||
[data-balloon][data-balloon-pos="up"]:before {
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
margin-bottom: 5px;
|
||||
transform: translate(-50%, 10px);
|
||||
transform-origin: top; }
|
||||
[data-balloon][data-balloon-pos="up"]:hover:after, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:after {
|
||||
transform: translate(-50%, 0); }
|
||||
[data-balloon][data-balloon-pos="up"]:hover:before, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:before {
|
||||
transform: translate(-50%, 0); }
|
||||
[data-balloon][data-balloon-pos="up-left"]:after {
|
||||
bottom: 100%;
|
||||
left: 0;
|
||||
margin-bottom: 11px;
|
||||
transform: translate(0, 10px);
|
||||
transform-origin: top; }
|
||||
[data-balloon][data-balloon-pos="up-left"]:before {
|
||||
bottom: 100%;
|
||||
left: 5px;
|
||||
margin-bottom: 5px;
|
||||
transform: translate(0, 10px);
|
||||
transform-origin: top; }
|
||||
[data-balloon][data-balloon-pos="up-left"]:hover:after, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:after {
|
||||
transform: translate(0, 0); }
|
||||
[data-balloon][data-balloon-pos="up-left"]:hover:before, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:before {
|
||||
transform: translate(0, 0); }
|
||||
[data-balloon][data-balloon-pos="up-right"]:after {
|
||||
bottom: 100%;
|
||||
right: 0;
|
||||
margin-bottom: 11px;
|
||||
transform: translate(0, 10px);
|
||||
transform-origin: top; }
|
||||
[data-balloon][data-balloon-pos="up-right"]:before {
|
||||
bottom: 100%;
|
||||
right: 5px;
|
||||
margin-bottom: 5px;
|
||||
transform: translate(0, 10px);
|
||||
transform-origin: top; }
|
||||
[data-balloon][data-balloon-pos="up-right"]:hover:after, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:after {
|
||||
transform: translate(0, 0); }
|
||||
[data-balloon][data-balloon-pos="up-right"]:hover:before, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:before {
|
||||
transform: translate(0, 0); }
|
||||
[data-balloon][data-balloon-pos='down']:after {
|
||||
left: 50%;
|
||||
margin-top: 11px;
|
||||
top: 100%;
|
||||
transform: translate(-50%, -10px); }
|
||||
[data-balloon][data-balloon-pos='down']:before {
|
||||
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
|
||||
background-size: 100% auto;
|
||||
width: 18px;
|
||||
height: 6px;
|
||||
left: 50%;
|
||||
margin-top: 5px;
|
||||
top: 100%;
|
||||
transform: translate(-50%, -10px); }
|
||||
[data-balloon][data-balloon-pos='down']:hover:after, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:after {
|
||||
transform: translate(-50%, 0); }
|
||||
[data-balloon][data-balloon-pos='down']:hover:before, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:before {
|
||||
transform: translate(-50%, 0); }
|
||||
[data-balloon][data-balloon-pos='down-left']:after {
|
||||
left: 0;
|
||||
margin-top: 11px;
|
||||
top: 100%;
|
||||
transform: translate(0, -10px); }
|
||||
[data-balloon][data-balloon-pos='down-left']:before {
|
||||
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
|
||||
background-size: 100% auto;
|
||||
width: 18px;
|
||||
height: 6px;
|
||||
left: 5px;
|
||||
margin-top: 5px;
|
||||
top: 100%;
|
||||
transform: translate(0, -10px); }
|
||||
[data-balloon][data-balloon-pos='down-left']:hover:after, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:after {
|
||||
transform: translate(0, 0); }
|
||||
[data-balloon][data-balloon-pos='down-left']:hover:before, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:before {
|
||||
transform: translate(0, 0); }
|
||||
[data-balloon][data-balloon-pos='down-right']:after {
|
||||
right: 0;
|
||||
margin-top: 11px;
|
||||
top: 100%;
|
||||
transform: translate(0, -10px); }
|
||||
[data-balloon][data-balloon-pos='down-right']:before {
|
||||
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
|
||||
background-size: 100% auto;
|
||||
width: 18px;
|
||||
height: 6px;
|
||||
right: 5px;
|
||||
margin-top: 5px;
|
||||
top: 100%;
|
||||
transform: translate(0, -10px); }
|
||||
[data-balloon][data-balloon-pos='down-right']:hover:after, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:after {
|
||||
transform: translate(0, 0); }
|
||||
[data-balloon][data-balloon-pos='down-right']:hover:before, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:before {
|
||||
transform: translate(0, 0); }
|
||||
[data-balloon][data-balloon-pos='left']:after {
|
||||
margin-right: 11px;
|
||||
right: 100%;
|
||||
top: 50%;
|
||||
transform: translate(10px, -50%); }
|
||||
[data-balloon][data-balloon-pos='left']:before {
|
||||
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
|
||||
background-size: 100% auto;
|
||||
width: 6px;
|
||||
height: 18px;
|
||||
margin-right: 5px;
|
||||
right: 100%;
|
||||
top: 50%;
|
||||
transform: translate(10px, -50%); }
|
||||
[data-balloon][data-balloon-pos='left']:hover:after, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:after {
|
||||
transform: translate(0, -50%); }
|
||||
[data-balloon][data-balloon-pos='left']:hover:before, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:before {
|
||||
transform: translate(0, -50%); }
|
||||
[data-balloon][data-balloon-pos='right']:after {
|
||||
left: 100%;
|
||||
margin-left: 11px;
|
||||
top: 50%;
|
||||
transform: translate(-10px, -50%); }
|
||||
[data-balloon][data-balloon-pos='right']:before {
|
||||
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
|
||||
background-size: 100% auto;
|
||||
width: 6px;
|
||||
height: 18px;
|
||||
left: 100%;
|
||||
margin-left: 5px;
|
||||
top: 50%;
|
||||
transform: translate(-10px, -50%); }
|
||||
[data-balloon][data-balloon-pos='right']:hover:after, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:after {
|
||||
transform: translate(0, -50%); }
|
||||
[data-balloon][data-balloon-pos='right']:hover:before, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:before {
|
||||
transform: translate(0, -50%); }
|
||||
[data-balloon][data-balloon-length='small']:after {
|
||||
white-space: normal;
|
||||
width: 80px; }
|
||||
[data-balloon][data-balloon-length='medium']:after {
|
||||
white-space: normal;
|
||||
width: 150px; }
|
||||
[data-balloon][data-balloon-length='large']:after {
|
||||
white-space: normal;
|
||||
width: 260px; }
|
||||
[data-balloon][data-balloon-length='xlarge']:after {
|
||||
white-space: normal;
|
||||
width: 380px; }
|
||||
@media screen and (max-width: 768px) {
|
||||
[data-balloon][data-balloon-length='xlarge']:after {
|
||||
white-space: normal;
|
||||
width: 90vw; } }
|
||||
[data-balloon][data-balloon-length='fit']:after {
|
||||
white-space: normal;
|
||||
width: 100%; }
|
||||
@ -1,82 +0,0 @@
|
||||
.choose-element-type-parent:before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0,0,0,0.5);
|
||||
z-index: 9991;
|
||||
}
|
||||
|
||||
.choose-element-type {
|
||||
position: fixed;
|
||||
width: 500px;
|
||||
background: #fff;
|
||||
left: 50%;
|
||||
padding: 30px;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 0 20px rgba(0,0,0,0.05);
|
||||
border: 1px solid #ddd;
|
||||
z-index: 9992;
|
||||
transform: translate(-50%, -50%);
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.choose-element-type h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
select.select-type {
|
||||
position: relative;
|
||||
padding: 10px 15px;
|
||||
margin: 0;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: auto;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
select.select-type:hover {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.dark-mode select.select-type:hover {
|
||||
background-color: #23282d;
|
||||
}
|
||||
|
||||
.choose-element-type button.button {
|
||||
font-size: 17px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.select-type-container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
button.close-choose-element-type {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
box-shadow: 0 0 0;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
button.close-choose-element-type svg {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.hook-location {
|
||||
background: #efefef;
|
||||
padding: 2px 5px;
|
||||
font-family: monospace;
|
||||
font-size: 11px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
@ -1,29 +0,0 @@
|
||||
jQuery( function( $ ) {
|
||||
$( '.post-type-gp_elements .page-title-action:not(.legacy-button)' ).on( 'click', function( e ) {
|
||||
e.preventDefault();
|
||||
|
||||
$( '.choose-element-type-parent' ).show();
|
||||
$( '.choose-element-type .select-type' ).focus();
|
||||
} );
|
||||
|
||||
$( '.close-choose-element-type' ).on( 'click', function( e ) {
|
||||
e.preventDefault();
|
||||
|
||||
$( '.choose-element-type-parent' ).hide();
|
||||
$( '.page-title-action' ).focus();
|
||||
} );
|
||||
|
||||
$( '.post-type-gp_elements' ).on( 'keyup', function( e ) {
|
||||
const $element = $( '.choose-element-type-parent' );
|
||||
|
||||
if ( e.key === 'Escape' && $element.is( ':visible' ) ) {
|
||||
$element.hide();
|
||||
$( '.page-title-action' ).focus();
|
||||
}
|
||||
} );
|
||||
|
||||
// Don't allow Elements to quick edit parents.
|
||||
$( '.inline-edit-gp_elements select#post_parent, .inline-edit-gp_elements .inline-edit-menu-order-input, .bulk-edit-gp_elements select#post_parent' ).each( function() {
|
||||
$( this ).closest( 'label' ).remove();
|
||||
} );
|
||||
} );
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 200 B |
@ -1,396 +0,0 @@
|
||||
#generate_premium_elements {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
#generate_premium_elements .inside {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#generate_premium_elements .CodeMirror {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
background: white;
|
||||
box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
tr.generate-element-row td {
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
td.generate-element-row-heading {
|
||||
background: #F9F9F9;
|
||||
border-right: 1px solid #E1E1E1;
|
||||
padding: 13px 15px;
|
||||
width: 24%;
|
||||
}
|
||||
|
||||
td.generate-element-row-heading label {
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
line-height: 1.4em;
|
||||
font-weight: bold;
|
||||
padding: 0;
|
||||
margin: 0 0 3px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
td.generate-element-row-content {
|
||||
padding: 13px 15px;
|
||||
position: relative;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
#generate_premium_elements .handlediv,
|
||||
#generate_premium_elements .hndle,
|
||||
#generate_premium_elements .postbox-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#generate_premium_elements .inside {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#generate_premium_elements select,
|
||||
#generate_premium_elements input[type="number"],
|
||||
#generate_premium_elements input[type="text"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#generate_premium_elements .condition select.condition-object-select + .select2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#generate_premium_elements .condition.generate-elements-rule-objects-visible select.condition-select + .select2 {
|
||||
margin-right: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#generate_premium_elements .condition.generate-elements-rule-objects-visible select.condition-object-select + .select2 {
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#generate_premium_elements .condition {
|
||||
display: flex;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#generate_premium_elements .condition .select2 {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
button.remove-condition {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
width: 30px;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
opacity: 0.5;
|
||||
position: relative;
|
||||
bottom: -3px;
|
||||
}
|
||||
|
||||
button.add-condition {
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
button.remove-condition:before {
|
||||
content: "\f153";
|
||||
font-family: dashicons;
|
||||
}
|
||||
|
||||
table.generate-elements-settings {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
background: white;
|
||||
box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.generate-element-row-loading {
|
||||
background-color: rgba(255,255,255,0.9);
|
||||
background-image: url('spinner.gif');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
ul.element-metabox-tabs {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 0 0 20px;
|
||||
background: white;
|
||||
box-shadow: 0 0 0 1px rgba(200, 215, 225, 0.5), 0 1px 2px #e9eff3;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
ul.element-metabox-tabs li {
|
||||
width: auto;
|
||||
flex: none;
|
||||
border-bottom: 2px solid transparent;
|
||||
border-top: none;
|
||||
text-align: center;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
ul.element-metabox-tabs li a {
|
||||
display: block;
|
||||
width: auto;
|
||||
padding: 16px 16px 14px 16px;
|
||||
color: #0087be;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
ul.element-metabox-tabs li a:hover {
|
||||
color: #00a0d2;
|
||||
}
|
||||
|
||||
ul.element-metabox-tabs li.is-selected {
|
||||
border-bottom-color: #2e4453;
|
||||
}
|
||||
|
||||
ul.element-metabox-tabs li.is-selected a {
|
||||
color: #2e4453;
|
||||
}
|
||||
|
||||
#generate-element-content,
|
||||
#generate-element-content + .CodeMirror {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.element-metabox-tabs li:not([data-tab="display-rules"]):not([data-tab="internal-notes"]),
|
||||
.generate-elements-settings:not([data-tab="display-rules"]):not([data-tab="internal-notes"]) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.element-settings.header .element-metabox-tabs li[data-type="header"],
|
||||
.element-settings.hook .element-metabox-tabs li[data-type="hook"],
|
||||
.element-settings.block .element-metabox-tabs li[data-type="hook"],
|
||||
.element-settings.layout .element-metabox-tabs li[data-type="layout"] {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.element-settings.header:not(.has-page-hero) table[data-tab="site-header"],
|
||||
.element-settings.header.has-page-hero table[data-tab="hero"],
|
||||
.element-settings.hook table[data-tab="hook-settings"],
|
||||
.element-settings.block table[data-tab="hook-settings"],
|
||||
.element-settings.layout table[data-tab="sidebars"] {
|
||||
display: table;
|
||||
}
|
||||
|
||||
.element-settings.header:not(.has-page-hero) #generate-element-content {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.element-settings.header:not(.has-page-hero) #generate-element-content + .CodeMirror:not(.gpp-elements-show-codemirror) {
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.padding-container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.single-value-padding-container {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.single-value-padding-container input[type="number"] {
|
||||
width: 60px !important;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.padding-element-options {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.padding-element span.unit {
|
||||
border: 1px solid #ddd;
|
||||
display: inline-block;
|
||||
line-height: 26px;
|
||||
padding: 0 10px;
|
||||
margin-left: -5px;
|
||||
vertical-align: middle;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.padding-element input {
|
||||
width: 60px !important;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.padding-element select {
|
||||
width: auto !important;
|
||||
position: relative;
|
||||
left: -5px;
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.padding-element span {
|
||||
display: block;
|
||||
font-size: 90%;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.generate-element-row-content .responsive-controls.single-responsive-value {
|
||||
padding: 8px 15px 7px 0;
|
||||
}
|
||||
|
||||
.generate-element-row-content .responsive-controls.checkbox-responsive-value {
|
||||
padding: 2px 15px 0 0;
|
||||
}
|
||||
|
||||
#postimagediv {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.image-preview img {
|
||||
height: 30px;
|
||||
width: auto;
|
||||
vertical-align: middle;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.gp-media-preview img {
|
||||
vertical-align: middle;
|
||||
background-color: #efefef;
|
||||
border-radius: 5px;
|
||||
height: 30px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.media-container,
|
||||
.change-featured-image,
|
||||
.set-featured-image {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.media-container > input,
|
||||
.media-container .gp-media-preview img,
|
||||
.change-featured-image > *,
|
||||
.set-featured-image > * {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.generate-element-row-content .responsive-controls {
|
||||
float: left;
|
||||
padding: 15px 15px 15px 0;
|
||||
}
|
||||
|
||||
.generate-element-row-content .responsive-controls a {
|
||||
text-decoration: none;
|
||||
color: #222;
|
||||
opacity: 0.5;
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
.generate-element-row-content .responsive-controls a.is-selected {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.generate-element-row-content .responsive-controls a span {
|
||||
font-size: 14px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
#generate-element-content {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.layout-radio-item {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.layout-radio-item:first-child {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
span.tip {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
background: #b3b3b3;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
text-align: center;
|
||||
line-height: 15px;
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
body:not(.header-element-type) #generate_page_hero_template_tags,
|
||||
.header-element-type:not(.element-has-page-hero) #generate_page_hero_template_tags {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#_generate_element_internal_notes {
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.select2-results__option {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body .select2-container--default .select2-selection--single {
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.select2-results__option[role="list"] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#generate_premium_elements #_generate_content_width {
|
||||
width: 65px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#_generate_content_width + span {
|
||||
border: 1px solid #ddd;
|
||||
height: 26px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
line-height: 26px;
|
||||
padding: 0 10px;
|
||||
margin-left: -6px;
|
||||
}
|
||||
|
||||
.hide-hook-row,
|
||||
.sidebar-notice {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sidebar-notice {
|
||||
margin-top: 10px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.element-settings.block .generate-elements-settings[data-type="hook"] tr:last-child td {
|
||||
border-bottom: 0;
|
||||
}
|
||||
@ -1,424 +0,0 @@
|
||||
jQuery( function( $ ) {
|
||||
if ( $( '.element-settings' ).hasClass( 'header' ) || $( '.element-settings' ).hasClass( 'hook' ) ) {
|
||||
$( function() {
|
||||
if ( elements.settings ) {
|
||||
wp.codeEditor.initialize( 'generate-element-content', elements.settings );
|
||||
}
|
||||
} );
|
||||
}
|
||||
|
||||
$( '#_generate_block_type' ).on( 'change', function() {
|
||||
var _this = $( this ).val();
|
||||
|
||||
if ( 'hook' === _this ) {
|
||||
$( '.hook-row' ).removeClass( 'hide-hook-row' );
|
||||
} else {
|
||||
$( '.hook-row' ).addClass( 'hide-hook-row' );
|
||||
}
|
||||
|
||||
$( 'body' ).removeClass( 'right-sidebar-block-type' );
|
||||
$( 'body' ).removeClass( 'left-sidebar-block-type' );
|
||||
$( 'body' ).removeClass( 'header-block-type' );
|
||||
$( 'body' ).removeClass( 'footer-block-type' );
|
||||
|
||||
$( 'body' ).addClass( _this + '-block-type' );
|
||||
|
||||
if ( 'left-sidebar' === _this || 'right-sidebar' === _this ) {
|
||||
$( '.sidebar-notice' ).show();
|
||||
} else {
|
||||
$( '.sidebar-notice' ).hide();
|
||||
}
|
||||
} );
|
||||
|
||||
$( '#_generate_hook' ).on( 'change', function() {
|
||||
var _this = $( this );
|
||||
|
||||
$( '.disable-header-hook' ).hide();
|
||||
$( '.disable-footer-hook' ).hide();
|
||||
$( '.custom-hook-name' ).hide();
|
||||
|
||||
if ( 'generate_header' === _this.val() ) {
|
||||
$( '.disable-header-hook' ).show();
|
||||
}
|
||||
|
||||
if ( 'generate_footer' === _this.val() ) {
|
||||
$( '.disable-footer-hook' ).show();
|
||||
}
|
||||
|
||||
if ( 'custom' === _this.val() ) {
|
||||
$( '.custom-hook-name' ).show();
|
||||
}
|
||||
} );
|
||||
|
||||
$( '#_generate_hook' ).select2( {
|
||||
width: '100%',
|
||||
} );
|
||||
|
||||
$( '.element-metabox-tabs li' ).on( 'click', function() {
|
||||
var _this = $( this ),
|
||||
tab = _this.data( 'tab' );
|
||||
|
||||
_this.siblings().removeClass( 'is-selected' );
|
||||
_this.addClass( 'is-selected' );
|
||||
$( '.generate-elements-settings' ).hide();
|
||||
$( '.generate-elements-settings[data-tab="' + tab + '"]' ).show();
|
||||
|
||||
if ( $( '.element-settings' ).hasClass( 'block' ) && 'hook-settings' === tab ) {
|
||||
$( '.generate-elements-settings[data-tab="display-rules"]' ).show();
|
||||
}
|
||||
|
||||
if ( $( '.element-settings' ).hasClass( 'header' ) ) {
|
||||
if ( 'hero' !== tab ) {
|
||||
$( '#generate-element-content' ).next( '.CodeMirror' ).removeClass( 'gpp-elements-show-codemirror' );
|
||||
$( '#generate_page_hero_template_tags' ).css( 'display', '' );
|
||||
} else {
|
||||
$( '#generate-element-content' ).next( '.CodeMirror' ).addClass( 'gpp-elements-show-codemirror' );
|
||||
$( '#generate_page_hero_template_tags' ).css( 'display', 'block' );
|
||||
}
|
||||
}
|
||||
} );
|
||||
|
||||
var select2Init = function() {
|
||||
var selects = $( '.generate-element-row-content .condition:not(.hidden) select:not(.select2-init)' );
|
||||
|
||||
selects.each( function() {
|
||||
var select = $( this ),
|
||||
config = {
|
||||
width: 'style',
|
||||
};
|
||||
|
||||
select.select2( config );
|
||||
select.addClass( 'select2-init' );
|
||||
} );
|
||||
};
|
||||
|
||||
select2Init();
|
||||
|
||||
$( '.add-condition' ).on( 'click', function() {
|
||||
var _this = $( this );
|
||||
|
||||
var row = _this.closest( '.generate-element-row-content' ).find( '.condition.hidden.screen-reader-text' ).clone( true );
|
||||
row.removeClass( 'hidden screen-reader-text' );
|
||||
row.insertBefore( _this.closest( '.generate-element-row-content' ).find( '.condition:last' ) );
|
||||
|
||||
select2Init();
|
||||
|
||||
return false;
|
||||
} );
|
||||
|
||||
$( '.remove-condition' ).on( 'click', function() {
|
||||
$( this ).parents( '.condition' ).remove();
|
||||
|
||||
select2Init();
|
||||
|
||||
return false;
|
||||
} );
|
||||
|
||||
var getLocationObjects = function( _this, onload = false, data = '' ) {
|
||||
var select = _this,
|
||||
parent = select.parent(),
|
||||
location = select.val(),
|
||||
objectSelect = parent.find( '.condition-object-select' ),
|
||||
locationType = '',
|
||||
actionType = 'terms';
|
||||
|
||||
if ( '' === location ) {
|
||||
parent.removeClass( 'generate-elements-rule-objects-visible' );
|
||||
select.closest( '.generate-element-row-content' ).find( '.generate-element-row-loading' ).remove();
|
||||
} else {
|
||||
if ( location.indexOf( ':taxonomy:' ) > 0 ) {
|
||||
locationType = 'taxonomy';
|
||||
} else {
|
||||
locationType = location.substr( 0, location.indexOf( ':' ) );
|
||||
}
|
||||
|
||||
var locationID = location.substr( location.lastIndexOf( ':' ) + 1 );
|
||||
|
||||
if ( 'taxonomy' === locationType || 'post' === locationType ) {
|
||||
if ( ! ( '.generate-element-row-loading' ).length ) {
|
||||
select.closest( '.generate-element-row-content' ).prepend( '<div class="generate-element-row-loading"></div>' );
|
||||
}
|
||||
|
||||
var fillObjects = function( response ) {
|
||||
var objects = response[ locationID ].objects;
|
||||
|
||||
var blank = {
|
||||
id: '',
|
||||
name: 'All ' + response[ locationID ].label,
|
||||
};
|
||||
|
||||
if ( location.indexOf( ':taxonomy:' ) > 0 ) {
|
||||
blank.name = elements.choose;
|
||||
}
|
||||
|
||||
objectSelect.empty();
|
||||
|
||||
objectSelect.append( $( '<option>', {
|
||||
value: blank.id,
|
||||
label: blank.name,
|
||||
text: blank.name,
|
||||
} ) );
|
||||
|
||||
$.each( objects, function( key, value ) {
|
||||
objectSelect.append( $( '<option>', {
|
||||
value: value.id,
|
||||
label: elements.showID && value.id ? value.name + ': ' + value.id : value.name,
|
||||
text: elements.showID && value.id ? value.name + ': ' + value.id : value.name,
|
||||
} ) );
|
||||
} );
|
||||
|
||||
parent.addClass( 'generate-elements-rule-objects-visible' );
|
||||
|
||||
if ( onload ) {
|
||||
objectSelect.val( objectSelect.attr( 'data-saved-value' ) );
|
||||
}
|
||||
|
||||
select.closest( '.generate-element-row-content' ).find( '.generate-element-row-loading' ).remove();
|
||||
};
|
||||
|
||||
if ( data && onload ) {
|
||||
// Use pre-fetched data if we just loaded the page.
|
||||
fillObjects( data );
|
||||
} else {
|
||||
if ( 'post' === locationType ) {
|
||||
if ( 'taxonomy' === locationType ) {
|
||||
actionType = 'terms';
|
||||
} else {
|
||||
actionType = 'posts';
|
||||
}
|
||||
}
|
||||
|
||||
$.post( ajaxurl, {
|
||||
action: 'generate_elements_get_location_' + actionType,
|
||||
id: locationID,
|
||||
nonce: elements.nonce,
|
||||
}, function( response ) {
|
||||
response = JSON.parse( response );
|
||||
fillObjects( response );
|
||||
} );
|
||||
}
|
||||
} else {
|
||||
parent.removeClass( 'generate-elements-rule-objects-visible' );
|
||||
select.closest( '.generate-element-row-content' ).find( '.generate-element-row-loading' ).remove();
|
||||
objectSelect.empty().append( '<option value="0"></option>' );
|
||||
objectSelect.val( '0' );
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$( '.condition select.condition-select' ).on( 'change', function() {
|
||||
getLocationObjects( $( this ) );
|
||||
|
||||
$( '.elements-no-location-error' ).hide();
|
||||
} );
|
||||
|
||||
var postObjects = [];
|
||||
var termObjects = [];
|
||||
|
||||
$( '.generate-elements-rule-objects-visible' ).each( function() {
|
||||
var _this = $( this ),
|
||||
select = _this.find( 'select.condition-select' ),
|
||||
location = select.val(),
|
||||
locationID = location.substr( location.lastIndexOf( ':' ) + 1 ),
|
||||
locationType = '';
|
||||
|
||||
if ( location.indexOf( ':taxonomy:' ) > 0 ) {
|
||||
locationType = 'taxonomy';
|
||||
} else {
|
||||
locationType = location.substr( 0, location.indexOf( ':' ) );
|
||||
}
|
||||
|
||||
if ( 'post' === locationType ) {
|
||||
if ( ! postObjects.includes( locationID ) ) {
|
||||
postObjects.push( locationID );
|
||||
}
|
||||
} else if ( 'taxonomy' === locationType && ! termObjects.includes( locationID ) ) {
|
||||
termObjects.push( locationID );
|
||||
}
|
||||
} );
|
||||
|
||||
if ( postObjects.length > 0 || termObjects.length > 0 ) {
|
||||
$.post( ajaxurl, {
|
||||
action: 'generate_elements_get_location_objects',
|
||||
posts: postObjects,
|
||||
terms: termObjects,
|
||||
nonce: elements.nonce,
|
||||
}, function( response ) {
|
||||
response = JSON.parse( response );
|
||||
|
||||
$( '.generate-elements-rule-objects-visible' ).each( function() {
|
||||
var _this = $( this ),
|
||||
select = _this.find( 'select.condition-select' );
|
||||
|
||||
$( '<div class="generate-element-row-loading"></div>' ).insertBefore( _this );
|
||||
|
||||
getLocationObjects( select, true, response );
|
||||
} );
|
||||
} );
|
||||
}
|
||||
|
||||
$( '.set-featured-image a, .change-featured-image a:not(.remove-image)' ).on( 'click', function( event ) {
|
||||
event.preventDefault();
|
||||
|
||||
// Stop propagation to prevent thickbox from activating.
|
||||
event.stopPropagation();
|
||||
|
||||
// Open the featured image modal
|
||||
wp.media.featuredImage.frame().open();
|
||||
} );
|
||||
|
||||
wp.media.featuredImage.frame().on( 'select', function() {
|
||||
$( '.set-featured-image' ).hide();
|
||||
$( '.change-featured-image' ).show();
|
||||
|
||||
setTimeout( function() {
|
||||
$( '.image-preview' ).empty();
|
||||
$( '#postimagediv img' ).appendTo( '.image-preview' );
|
||||
}, 500 );
|
||||
} );
|
||||
|
||||
$( '#postimagediv' ).on( 'click', '#remove-post-thumbnail', function() {
|
||||
$( '.set-featured-image' ).show();
|
||||
$( '.change-featured-image' ).hide();
|
||||
$( '.image-preview' ).empty();
|
||||
return false;
|
||||
} );
|
||||
|
||||
$( '.remove-image' ).on( 'click', function( e ) {
|
||||
e.preventDefault();
|
||||
|
||||
$( '#remove-post-thumbnail' ).trigger( 'click' );
|
||||
} );
|
||||
|
||||
$( '.generate-upload-file' ).on( 'click', function() {
|
||||
if ( frame ) {
|
||||
frame.open();
|
||||
return;
|
||||
}
|
||||
|
||||
var _this = $( this ),
|
||||
container = _this.closest( '.media-container' );
|
||||
|
||||
var frame = wp.media( {
|
||||
title: _this.data( 'title' ),
|
||||
multiple: false,
|
||||
library: { type: _this.data( 'type' ) },
|
||||
button: { text: _this.data( 'insert' ) },
|
||||
} );
|
||||
|
||||
frame.on( 'select', function() {
|
||||
var attachment = frame.state().get( 'selection' ).first().toJSON();
|
||||
|
||||
container.find( '.media-field' ).val( attachment.id );
|
||||
container.find( '.remove-field' ).show();
|
||||
|
||||
if ( _this.data( 'preview' ) ) {
|
||||
container.find( '.gp-media-preview' ).empty().append( '<img src="' + attachment.url + '" width="50" />' ).show();
|
||||
}
|
||||
} );
|
||||
|
||||
frame.open();
|
||||
} );
|
||||
|
||||
$( '.remove-field' ).on( 'click', function() {
|
||||
var _this = $( this ),
|
||||
container = _this.closest( '.media-container' );
|
||||
|
||||
_this.hide();
|
||||
container.find( '.media-field' ).val( '' );
|
||||
container.find( '.gp-media-preview' ).empty();
|
||||
} );
|
||||
|
||||
$( '#_generate_hero_background_image' ).on( 'change', function() {
|
||||
var _this = $( this );
|
||||
|
||||
if ( '' !== _this.val() ) {
|
||||
$( '.requires-background-image' ).show();
|
||||
} else {
|
||||
$( '.requires-background-image' ).hide();
|
||||
}
|
||||
|
||||
if ( 'featured-image' === _this.val() ) {
|
||||
$( '.image-text' ).text( elements.fallback_image );
|
||||
}
|
||||
|
||||
if ( 'custom-image' === _this.val() ) {
|
||||
$( '.image-text' ).text( elements.custom_image );
|
||||
}
|
||||
} );
|
||||
|
||||
// Responsive controls in our settings.
|
||||
$( '.responsive-controls a' ).on( 'click', function( e ) {
|
||||
e.preventDefault();
|
||||
|
||||
var _this = $( this ),
|
||||
control = _this.attr( 'data-control' ),
|
||||
controlArea = _this.closest( '.generate-element-row-content' );
|
||||
|
||||
controlArea.find( '.padding-container' ).hide();
|
||||
controlArea.find( '.padding-container.' + control ).show();
|
||||
_this.siblings().removeClass( 'is-selected' );
|
||||
_this.addClass( 'is-selected' );
|
||||
} );
|
||||
|
||||
$( '#_generate_site_header_merge' ).on( 'change', function() {
|
||||
var _this = $( this );
|
||||
|
||||
if ( '' !== _this.val() ) {
|
||||
$( '.requires-header-merge' ).show();
|
||||
|
||||
if ( $( '#_generate_navigation_colors' ).is( ':checked' ) ) {
|
||||
$( '.requires-navigation-colors' ).show();
|
||||
}
|
||||
|
||||
if ( $( '#_generate_hero_full_screen' ).is( ':checked' ) ) {
|
||||
$( '.requires-full-screen' ).show();
|
||||
}
|
||||
} else {
|
||||
$( '.requires-header-merge' ).hide();
|
||||
$( '.requires-navigation-colors' ).hide();
|
||||
$( '.requires-full-screen' ).hide();
|
||||
}
|
||||
} );
|
||||
|
||||
$( '#_generate_navigation_colors' ).on( 'change', function() {
|
||||
var _this = $( this );
|
||||
|
||||
if ( _this.is( ':checked' ) ) {
|
||||
$( '.requires-navigation-colors' ).show();
|
||||
} else {
|
||||
$( '.requires-navigation-colors' ).hide();
|
||||
}
|
||||
} );
|
||||
|
||||
$( '#_generate_hero_full_screen' ).on( 'change', function() {
|
||||
var _this = $( this );
|
||||
|
||||
if ( _this.is( ':checked' ) ) {
|
||||
$( '.requires-full-screen' ).show();
|
||||
} else {
|
||||
$( '.requires-full-screen' ).hide();
|
||||
}
|
||||
} );
|
||||
|
||||
$( '#_generate_hero_background_parallax' ).on( 'change', function() {
|
||||
var _this = $( this );
|
||||
|
||||
if ( _this.is( ':checked' ) ) {
|
||||
$( '#_generate_hero_background_position' ).val( '' ).change();
|
||||
$( '#_generate_hero_background_position option[value="left center"]' ).attr( 'disabled', true );
|
||||
$( '#_generate_hero_background_position option[value="left bottom"]' ).attr( 'disabled', true );
|
||||
$( '#_generate_hero_background_position option[value="right center"]' ).attr( 'disabled', true );
|
||||
$( '#_generate_hero_background_position option[value="right bottom"]' ).attr( 'disabled', true );
|
||||
$( '#_generate_hero_background_position option[value="center center"]' ).attr( 'disabled', true );
|
||||
$( '#_generate_hero_background_position option[value="center bottom"]' ).attr( 'disabled', true );
|
||||
} else {
|
||||
$( '#_generate_hero_background_position option[value="left center"]' ).attr( 'disabled', false );
|
||||
$( '#_generate_hero_background_position option[value="left bottom"]' ).attr( 'disabled', false );
|
||||
$( '#_generate_hero_background_position option[value="right center"]' ).attr( 'disabled', false );
|
||||
$( '#_generate_hero_background_position option[value="right bottom"]' ).attr( 'disabled', false );
|
||||
$( '#_generate_hero_background_position option[value="center center"]' ).attr( 'disabled', false );
|
||||
$( '#_generate_hero_background_position option[value="center bottom"]' ).attr( 'disabled', false );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
@ -1,17 +0,0 @@
|
||||
function generate_parallax_element( selector, context ) {
|
||||
context = context || document;
|
||||
var elements = context.querySelectorAll( selector );
|
||||
return Array.prototype.slice.call( elements );
|
||||
}
|
||||
|
||||
window.addEventListener( "scroll", function() {
|
||||
var scrolledHeight= window.pageYOffset;
|
||||
generate_parallax_element( ".page-hero" ).forEach( function( el, index, array ) {
|
||||
var limit = el.offsetTop + el.offsetHeight;
|
||||
if( scrolledHeight > el.offsetTop && scrolledHeight <= limit ) {
|
||||
el.style.backgroundPositionY = ( scrolledHeight - el.offsetTop ) / hero.parallax + "px";
|
||||
} else {
|
||||
el.style.backgroundPositionY = "0";
|
||||
}
|
||||
});
|
||||
});
|
||||
@ -1 +0,0 @@
|
||||
function generate_parallax_element(e,o){var t=(o=o||document).querySelectorAll(e);return Array.prototype.slice.call(t)}window.addEventListener("scroll",function(){var r=window.pageYOffset;generate_parallax_element(".page-hero").forEach(function(e,o,t){var a=e.offsetTop+e.offsetHeight;r>e.offsetTop&&r<=a?e.style.backgroundPositionY=(r-e.offsetTop)/hero.parallax+"px":e.style.backgroundPositionY="0"})});
|
||||
Reference in New Issue
Block a user