DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

procedure_context: display the procedure description on small screens

Browse source 
Fix #3658
This commit is contained in:
Pierre de La Morinerie 2019-04-01 15:04:11 +02:00
parent 5d54b134b7
commit e896310e34
6 changed files with 64 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

20
app/javascript/new_design/procedure-context.js Normal file
View file

@ -0,0 +1,20 @@
import { delegate } from '@utils';
function updateReadMoreVisibility() {
const descBody = document.querySelector('.procedure-description-body');
if (descBody) {
// If the description text overflows, display a "Read more" button.
const isOverflowing = descBody.scrollHeight > descBody.clientHeight;
descBody.classList.toggle('read-more-enabled', isOverflowing);
}
}
function expandProcedureDescription() {
const descBody = document.querySelector('.procedure-description-body');
descBody.classList.remove('read-more-collapsed');
}
addEventListener('turbolinks:load', updateReadMoreVisibility);
addEventListener('resize', updateReadMoreVisibility);
delegate('click', '.read-more-button', expandProcedureDescription);