zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-07-26 12:38:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

Refactor

Browse source
This commit is contained in:
zandercymatics 2024-04-26 09:53:43 -06:00
parent 8ed59d9bc8
commit 1ca7955015
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7
3 changed files with 41 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -558,21 +558,35 @@ function enableRelatedWidgetButtons(changeLink, deleteLink, viewLink, elementPk,
/** An IIFE for toggling the overflow styles on django-admin__model-description (the show more / show less button) */
(function () {
let toggleButton = document.getElementById('dja-show-more-model-description');
let descriptionDiv = document.querySelector('.dja__model-description');
if (toggleButton && descriptionDiv) {
function handleShowMoreButton(toggleButton, descriptionDiv){
// Check the length of the text content in the description div
if (descriptionDiv.textContent.length < 200) {
// Hide the toggle button if text content is less than 200 characters
// This is a little over 160 characters to give us some wiggle room if we
// change the font size marginally.
toggleButton.classList.add('display-none');
} else {
toggleButton.addEventListener('click', function() {
toggleShowMoreButton(toggleButton, descriptionDiv, 'dja__model-description--no-overflow')
});
}
}
function toggleShowMoreButton(toggleButton, descriptionDiv, showMoreClassName){
// Toggle the class on the description div
descriptionDiv.classList.toggle('dja__model-description--no-overflow');
descriptionDiv.classList.toggle(showMoreClassName);
// Change the button text based on the presence of the class
if (descriptionDiv.classList.contains('dja__model-description--no-overflow')) {
if (descriptionDiv.classList.contains(showMoreClassName)) {
toggleButton.textContent = 'Show less';
} else {
toggleButton.textContent = 'Show more';
}
});
}
let toggleButton = document.getElementById('dja-show-more-model-description');
let descriptionDiv = document.querySelector('.dja__model-description');
if (toggleButton && descriptionDiv) {
handleShowMoreButton(toggleButton, descriptionDiv)
}
})();

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

@ -625,11 +625,22 @@ div.dja__model-description{
overflow: hidden;
p, li {
color: var(--primary);
font-size: medium;
line-height: 1.2em;
}
@media (prefers-color-scheme: light) {
p, li {
color: var(--body-fg);
}
}
@media (prefers-color-scheme: dark) {
p, li {
color: var(--primary);
}
}
li {
list-style-type: disc;
}

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

@ -9,7 +9,7 @@
<p>
Once a domain request has been adjudicated, the details of that request should not be modified.
To update attributes (like an organization’s name) after a domain’s approval,
go to <a href="{% url 'admin:registrar_user_changelist' %}">Domains</a>.
go to <a href="{% url 'admin:registrar_domain_changelist' %}">Domains</a>.
Similar fields display on each Domain page, but edits made there will not affect the corresponding domain request.
</p>
{% elif opts.model_name == 'domaininformation' %}