Pull request: 4776 add word break for query log domains

Updates #4776

Squashed commit of the following:

commit 6f1778fbd11da529ae934ee33c8f1ad227cdfa66
Merge: 753bd44c 053bb72a
Author: Ildar Kamalov <ik@adguard.com>
Date:   Tue Aug 2 11:52:07 2022 +0300

    Merge branch 'master' into 4776-domains

commit 753bd44cbb592903ed996713a79e4dbf073d780b
Author: Ildar Kamalov <ik@adguard.com>
Date:   Mon Aug 1 16:58:07 2022 +0300

    client: add word break for query log domains
This commit is contained in:
Ildar Kamalov 2022-08-02 11:58:30 +03:00
parent 053bb72a00
commit ccf268baf4
2 changed files with 9 additions and 2 deletions

View File

@ -147,11 +147,11 @@ const DomainCell = ({
/>
<div className={valueClass}>
{unicodeName ? (
<div className="text-truncate" title={unicodeName}>
<div className="text-truncate overflow-break-mobile" title={unicodeName}>
{unicodeName}
</div>
) : (
<div className="text-truncate" title={domain}>
<div className="text-truncate overflow-break-mobile" title={domain}>
{domain}
</div>
)}

View File

@ -19,6 +19,13 @@
overflow-wrap: break-word;
}
@media (max-width: 991.98px) {
.overflow-break-mobile {
white-space: normal !important;
overflow-wrap: break-word;
}
}
.grid {
display: grid;
grid-template-columns: repeat(2, min-content);