zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-08-19 07:54:16 +02:00
Code Issues Projects Releases Packages Wiki Activity

Remove inline show more

Browse source
This commit is contained in:
zandercymatics 2024-04-25 13:45:47 -06:00
parent 0bcc9ca43a
commit 309b403925
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7
3 changed files with 173 additions and 185 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/registrar/assets/js/get-gov-admin.js
View file

@ -562,6 +562,7 @@ function enableRelatedWidgetButtons(changeLink, deleteLink, viewLink, elementPk,
let descriptionDiv = document.querySelector('.dja__model-description'); let descriptionDiv = document.querySelector('.dja__model-description');
if (toggleButton && descriptionDiv) { if (toggleButton && descriptionDiv) {
toggleButton.addEventListener('click', function() { toggleButton.addEventListener('click', function() {
// Toggle the class on the description div // Toggle the class on the description div
descriptionDiv.classList.toggle('dja__model-description--no-overflow'); descriptionDiv.classList.toggle('dja__model-description--no-overflow');
@ -569,12 +570,8 @@ function enableRelatedWidgetButtons(changeLink, deleteLink, viewLink, elementPk,
// Change the button text based on the presence of the class // Change the button text based on the presence of the class
if (descriptionDiv.classList.contains('dja__model-description--no-overflow')) { if (descriptionDiv.classList.contains('dja__model-description--no-overflow')) {
toggleButton.textContent = 'Show less'; toggleButton.textContent = 'Show less';
// Move the div to where it was when the page first loaded
descriptionDiv.appendChild(toggleButton);
} else { } else {
toggleButton.textContent = 'Show more'; toggleButton.textContent = 'Show more';
descriptionDiv.insertAdjacentElement('afterend', toggleButton);
} }
}); });
} }

8
src/registrar/assets/sass/_theme/_admin.scss
View file

@ -636,15 +636,7 @@ div.dja__model-description{
} }
.dja__model-description + button {
margin-top: 25px !important;
height: 10px !important;
}
div.dja__model-description.dja__model-description--no-overflow { div.dja__model-description.dja__model-description--no-overflow {
display: block; display: block;
overflow: unset; overflow: unset;
button {
margin-top: unset;
}
} }

5
src/registrar/templates/admin/model_descriptions.html
View file

@ -1,4 +1,4 @@
<span class="display-inline-flex">
<div class="dja__model-description text-normal"> <div class="dja__model-description text-normal">
{% if opts.model_name == 'domainrequest' %} {% if opts.model_name == 'domainrequest' %}
<p> <p>
@ -184,5 +184,4 @@
<p>This table does not have a description yet.</p> <p>This table does not have a description yet.</p>
{% endif %} {% endif %}
</div> </div>
<button id="dja-show-more-model-description" class="usa-button usa-button--unstyled text-no-underline" type="button">Show more</button> <button id="dja-show-more-model-description" class="usa-button usa-button--unstyled text-no-underline margin-top-1" type="button">Show more</button>
</span>