diff --git a/src/registrar/assets/js/get-gov.js b/src/registrar/assets/js/get-gov.js index 0b67df825..57dc6d2e3 100644 --- a/src/registrar/assets/js/get-gov.js +++ b/src/registrar/assets/js/get-gov.js @@ -211,7 +211,7 @@ function handleValidationClick(e) { * An IIFE that will attach validators to inputs. * * It looks for elements with `validate=" "` and adds change handlers. - * + * * These handlers know about two other attributes: * - `validate-for=""` creates a button which will run the validator(s) on * - `auto-validate` will run validator(s) when the user stops typing (otherwise, diff --git a/src/registrar/assets/sass/_theme/_admin.scss b/src/registrar/assets/sass/_theme/_admin.scss index 91d0d5e3c..b87257344 100644 --- a/src/registrar/assets/sass/_theme/_admin.scss +++ b/src/registrar/assets/sass/_theme/_admin.scss @@ -1,7 +1,7 @@ @use "cisa_colors" as *; @use "uswds-core" as *; -// We'll use Django's CSS vars: https://docs.djangoproject.com/en/4.2/ref/contrib/admin/#theming-support +// We'll use Django's CSS vars: https://docs.djangoproject.com/en/4.2/ref/contrib/admin/#theming-support // and assign USWDS theme vars whenever possible // If needed (see below), we'll use the USWDS hex value // As a last resort, we'll use CISA colors to supplement the palette @@ -72,34 +72,34 @@ html[data-theme="light"] { @media (prefers-color-scheme: dark) { :root, html[data-theme="dark"] { - // Edit the primary to meet accessibility requ. + // Edit the primary to meet accessibility requ. --primary: #23485a; --primary-fg: #f7f7f7; - + --body-fg: #eeeeee; --body-bg: #121212; --body-quiet-color: #e0e0e0; --body-loud-color: #ffffff; - + --breadcrumbs-link-fg: #e0e0e0; --breadcrumbs-bg: var(--primary); - + --link-fg: #81d4fa; --link-hover-color: #4ac1f7; --link-selected-fg: #6f94c6; - + --hairline-color: #272727; --border-color: #353535; - + --error-fg: #e35f5f; --message-success-bg: #006b1b; --message-warning-bg: #583305; --message-error-bg: #570808; - + --darkened-bg: #212121; --selected-bg: #1b1b1b; --selected-row: #00363a; - + --close-button-bg: #333333; --close-button-hover-bg: #666666; } @@ -108,7 +108,7 @@ html[data-theme="light"] { .change-list .usa-table, .change-list .usa-table--striped tbody tr:nth-child(odd) td, .change-list .usa-table--borderless thead th, - .change-list .usa-table thead td, + .change-list .usa-table thead td, .change-list .usa-table thead th, body.dashboard, body.change-list, @@ -122,7 +122,7 @@ html[data-theme="dark"] { .change-list .usa-table, .change-list .usa-table--striped tbody tr:nth-child(odd) td, .change-list .usa-table--borderless thead th, - .change-list .usa-table thead td, + .change-list .usa-table thead td, .change-list .usa-table thead th, body.dashboard, body.change-list, @@ -163,7 +163,7 @@ table > caption > a { height: auto!important; } -// Keep th from collapsing +// Keep th from collapsing .min-width-25 { min-width: 25px; } diff --git a/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss b/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss index 678084d00..4878235a9 100644 --- a/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss +++ b/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss @@ -26,7 +26,6 @@ $letter-space--xs: .0125em; @use "uswds-core" as *; /* Styles for making visible to screen reader / AT users only. */ - .sr-only { @include sr-only; } @@ -62,9 +61,9 @@ body { } p, -address, -.usa-list li { - @include typeset('sans', 'sm', 5); +address, +.usa-list li { + @include typeset('sans', 'sm', 5); max-width: measure(5); } @@ -119,7 +118,7 @@ h2 { color: color('violet-70v'); //USWDS default } } -.register-form-step .usa-form-group:first-of-type, +.register-form-step .usa-form-group:first-of-type, .register-form-step .usa-label:first-of-type { margin-top: units(1); } @@ -181,7 +180,7 @@ a.withdraw:active { a.link_usa-checked { padding: 0; } - } + } } } @@ -243,7 +242,7 @@ a.withdraw:active { .usa-form .usa-button { margin-top: units(3); -} +} .usa-button--unstyled .usa-icon { vertical-align: bottom; @@ -396,7 +395,7 @@ a.usa-button--unstyled:visited { } .dotgov-status-box { - background-color: color('primary-lightest'); + background-color: color('primary-lightest'); border-color: color('accent-cool-lighter'); } @@ -441,3 +440,13 @@ abbr[title] { font-size: units(3); } } + +// The icon was off center for some reason +// Fixes that issue +@media (min-width: 64em){ + .usa-alert--warning{ + .usa-alert__body::before { + left: 1rem !important; + } + } +} diff --git a/src/registrar/templates/domain_base.html b/src/registrar/templates/domain_base.html index 6f79adeb5..78c493a9c 100644 --- a/src/registrar/templates/domain_base.html +++ b/src/registrar/templates/domain_base.html @@ -23,7 +23,7 @@
{% if is_analyst_or_superuser and analyst_action == 'edit' and analyst_action_location == domain.pk %} -
+

Attention!

diff --git a/src/registrar/templates/domain_sidebar.html b/src/registrar/templates/domain_sidebar.html index ac3461b5e..1e4cd1882 100644 --- a/src/registrar/templates/domain_sidebar.html +++ b/src/registrar/templates/domain_sidebar.html @@ -4,8 +4,8 @@