mirror of
https://github.com/AdguardTeam/AdGuardHome.git
synced 2024-11-22 13:05:36 +03:00
- client: Display DomainCell popover
Close #1817
Squashed commit of the following:
commit 203d52e9b23013cb516765c3d41c288f8ce9d90c
Merge: 5c78d918 205680b7
Author: ArtemBaskal <a.baskal@adguard.com>
Date: Fri Jul 3 11:15:28 2020 +0300
Merge branch 'master' into fix/1817
commit 5c78d918ee2901ff138d5d06046e74ed00dc230d
Author: ArtemBaskal <a.baskal@adguard.com>
Date: Thu Jul 2 17:50:59 2020 +0300
- client: Display DomainCell popover
This commit is contained in:
parent
205680b71b
commit
f5a1f31103
3 changed files with 24 additions and 3 deletions
|
@ -12,6 +12,10 @@
|
|||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.card-table .logs__row {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.logs__row--center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
|
|
@ -14,13 +14,21 @@ class Popover extends Component {
|
|||
|
||||
const source = (
|
||||
<div className="popover__list-item">
|
||||
<Trans>source_label</Trans>: <a className="popover__link" target="_blank" rel="noopener noreferrer" href={sourceData.url}><strong>{sourceData.name}</strong></a>
|
||||
<Trans>source_label</Trans>: <a className="popover__link" target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
href={sourceData.url}>
|
||||
<strong>{sourceData.name}</strong>
|
||||
</a>
|
||||
</div>
|
||||
);
|
||||
|
||||
const tracker = (
|
||||
<div className="popover__list-item">
|
||||
<Trans>name_table_header</Trans>: <a className="popover__link" target="_blank" rel="noopener noreferrer" href={data.url}><strong>{data.name}</strong></a>
|
||||
<Trans>name_table_header</Trans>: <a className="popover__link" target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
href={data.url}>
|
||||
<strong>{data.name}</strong>
|
||||
</a>
|
||||
</div>
|
||||
);
|
||||
|
||||
|
@ -29,7 +37,12 @@ class Popover extends Component {
|
|||
return (
|
||||
<div className="popover-wrap">
|
||||
<div className="popover__trigger">
|
||||
<svg className="popover__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>
|
||||
<svg className="popover__icon" xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24" fill="none" strokeWidth="2" strokeLinecap="round"
|
||||
strokeLinejoin="round">
|
||||
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
|
||||
<circle cx="12" cy="12" r="3"></circle>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="popover__body">
|
||||
<div className="popover__list">
|
||||
|
|
|
@ -5,6 +5,10 @@
|
|||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.card-table .ReactTable .rt-td {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.ReactTable .rt-tbody {
|
||||
overflow: visible;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue