ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-20 19:55:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed calculator for mobile

Browse Source
This commit is contained in:
Calvin Jhunjhnuwala
2020-08-31 15:24:28 -07:00
parent 7579f0ca00
commit 04a3c431b5
7 changed files with 130 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
assets/js/calculator/carbon-calculator.js
View File

@@ -160,4 +160,43 @@ $( document ).ready( function(){
doCalculations( slider.value );
cryptoSelected();
$(window).on('load resize scroll', function() {
if ( $(window).width() < 993 ) {
let distance = $('#calculator-outputs').offset().top,
$window = $(window).scrollTop(),
data_toggle = $('#calculator-mobile-toggle'),
inputs = $('#calculator-inputs'),
inputs_offset = $( '#calculator-inputs-offset');
if ( distance < $window ){
data_toggle.addClass( 'show' ).removeClass( 'hide' );
} else {
inputs.removeClass( 'sticky' );
data_toggle.addClass( 'hide' ).removeClass( 'show' );
inputs_offset.removeClass( 'offset' );
$('#data-toggle').text('Change Inputs')
}
}
});
$('#calculator-mobile-toggle').on( 'click', function(e){
e.preventDefault();
console.log( "working");
let inputs = $('#calculator-inputs'),
inputs_offset = $( '#calculator-inputs-offset');
$( '#calculator-inputs' ).toggleClass( 'show' );
if ( inputs.hasClass( 'sticky' ) ) {
inputs.removeClass( 'sticky' );
inputs_offset.removeClass( 'offset' );
$( this ).text('Change Inputs');
} else {
inputs.addClass( 'sticky show' );
inputs_offset.addClass( 'offset' );
$( this ).text('Hide Inputs');
}
})
});