zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-07-25 20:18:38 +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

40
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 () {
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(showMoreClassName);
// Change the button text based on the presence of the class
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) {
toggleButton.addEventListener('click', function() {
// Toggle the class on the description div
descriptionDiv.classList.toggle('dja__model-description--no-overflow');
// Change the button text based on the presence of the class
if (descriptionDiv.classList.contains('dja__model-description--no-overflow')) {
toggleButton.textContent = 'Show less';
} else {
toggleButton.textContent = 'Show more';
}
});
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;
}

4
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' %}
@ -140,7 +140,7 @@
<p>
To maintain a single source of truth across all environments (stable, staging, etc.),
the groups and permissions are set and updated through the codebase.
the groups and permissions are set and updated through the codebase.
<strong>Do not add, edit or delete user groups here.</strong>
</p>
{% elif opts.model_name == 'user' %}