mirror of
https://github.com/cisagov/manage.get.gov.git
synced 2025-08-05 09:21:54 +02:00
Merge pull request #2825 from cisagov/rh/2016-overflow
#2016: Text wrapping to next line for an overflow in domain name - [RH]
This commit is contained in:
commit
36146805a1
3 changed files with 10 additions and 2 deletions
|
@ -930,3 +930,11 @@ ul.add-list-reset {
|
|||
.dl-dja dt {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.domain-name-wrap {
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
overflow: visible;
|
||||
word-break: break-all;
|
||||
max-width: 100%;
|
||||
}
|
|
@ -9,7 +9,7 @@
|
|||
<div class="grid-row grid-gap">
|
||||
<div class="tablet:grid-col-3">
|
||||
<p class="font-body-md margin-top-0 margin-bottom-2
|
||||
text-primary-darker text-semibold"
|
||||
text-primary-darker text-semibold domain-name-wrap"
|
||||
>
|
||||
<span class="usa-sr-only"> Domain name:</span> {{ domain.name }}
|
||||
</p>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
{% block domain_content %}
|
||||
{{ block.super }}
|
||||
<div class="margin-top-4 tablet:grid-col-10">
|
||||
<h2 class="text-bold text-primary-dark">{{ domain.name }}</h2>
|
||||
<h2 class="text-bold text-primary-dark domain-name-wrap">{{ domain.name }}</h2>
|
||||
<div
|
||||
class="usa-summary-box dotgov-status-box padding-bottom-0 margin-top-3 padding-left-2{% if not domain.is_expired %}{% if domain.state == domain.State.UNKNOWN or domain.state == domain.State.DNS_NEEDED %} dotgov-status-box--action-need{% endif %}{% endif %}"
|
||||
role="region"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue