Redesign #3

Closed
arek wants to merge 15 commits from redesign into master
3 changed files with 15 additions and 8 deletions
Showing only changes of commit 5f83cfc02b - Show all commits

View File

@ -2,7 +2,7 @@
.stolen-data-cluster-container { .stolen-data-cluster-container {
.domains-container { .domains-container {
padding-top: 1rem; padding-top: 0.5rem;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
border-bottom: none; border-bottom: none;
@ -32,7 +32,7 @@
table { table {
width: 100%; width: 100%;
position: relative; position: relative;
left: -2px; left: -1px;
text-align: left; text-align: left;
font-size: 0.75rem; font-size: 0.75rem;
font-family: 'Fira Code'; font-family: 'Fira Code';
@ -116,6 +116,7 @@
font-weight: 600; font-weight: 600;
padding: 0.5rem 0; padding: 0.5rem 0;
text-align: left; text-align: left;
cursor: default;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
sans-serif; sans-serif;
@ -124,12 +125,15 @@
background: #fff; background: #fff;
} }
} }
.checkbox { .checkbox {
// background: red;
// width: 1rem;
position: relative; position: relative;
top: 1px; top: 1px;
width: 0.875rem; width: 0.875rem;
input {
cursor: pointer;
}
} }
} }
} }

View File

@ -12,8 +12,10 @@ const MAX_STRING_VALUE_LENGTH = 100;
function StolenDataValue({ function StolenDataValue({
entry, entry,
refresh,
}: { }: {
entry: StolenDataEntry; entry: StolenDataEntry;
refresh: Function;
prefixKey?: string; prefixKey?: string;
}) { }) {
const [version] = useEmitter(entry); const [version] = useEmitter(entry);
@ -32,8 +34,10 @@ function StolenDataValue({
className="value" className="value"
onClick={(e) => { onClick={(e) => {
entry.toggleMark(); entry.toggleMark();
refresh();
e.stopPropagation(); e.stopPropagation();
}} }}
title={maskString(entry.value, 1, MAX_STRING_VALUE_LENGTH)}
// style={{ color: entry.isMarked ? 'black' : 'gray' }} // style={{ color: entry.isMarked ? 'black' : 'gray' }}
> >
{body} {body}
@ -66,8 +70,7 @@ function StolenDataRow({
/> />
</td> </td>
<th <th
// className={`${entry.isMarked ? 'toggled' : 'untoggled'}`} title={`Nazwa: ${entry.name}\nŹródło: ${entry.source}`}
title={'Źródło: ' + entry.source}
onClick={() => { onClick={() => {
entry.toggleMark(); entry.toggleMark();
refresh(); refresh();
@ -119,7 +122,7 @@ function StolenDataRow({
</td> </td>
{/* <td style={{ wordWrap: 'anywhere' as any }}> */} {/* <td style={{ wordWrap: 'anywhere' as any }}> */}
<StolenDataValue entry={entry} /> <StolenDataValue refresh={refresh} entry={entry} />
</tr> </tr>
); );
} }

View File

@ -83,7 +83,7 @@ export function StolenData({
Zaznacz automatycznie Zaznacz automatycznie
</button> */} </button> */}
<span>Domeny otrzymujące informacje</span> <span>Domeny, które pozyskały informacje</span>
{clusters.map((cluster) => { {clusters.map((cluster) => {
return ( return (