Collapse animation fix, on hover attack technique in matrix fix

This commit is contained in:
VakarisZ 2019-12-02 12:23:54 +02:00
parent bdd3d41a7b
commit 5104160f8e
27 changed files with 17 additions and 45 deletions

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import '../../report-components/security/StolenPasswords'
import StolenPasswordsComponent from '../../report-components/security/StolenPasswords';
import {ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachineFromSystemData, ScanStatus} from './Helpers';

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachineFromSystemData, renderUsageFields, ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachineFromSystemData, renderMachine, ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachine, ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {getUsageColumns} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {ScanStatus} from './Helpers';

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachine, ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {getUsageColumns} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
class T1065 extends React.Component {

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachine, ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachineFromSystemData, renderUsageFields, ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachine, ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachineFromSystemData, ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {getUsageColumns} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachineFromSystemData, ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachine, ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {getUsageColumns} from './Helpers';

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachineFromSystemData, ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachineFromSystemData, ScanStatus} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachine} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachine} from './Helpers'

View File

@ -1,5 +1,4 @@
import React from 'react';
import '../../../styles/Collapse.scss'
import ReactTable from 'react-table';
import {renderMachine, ScanStatus} from './Helpers'

View File

@ -120,8 +120,14 @@ $black: #000000;
border-right: 3px solid rgba(0,0,0,0) !important;
}
.attack-matrix .rt-tr-group div.rt-td:first-child {
border-left: 3px solid rgba(0,0,0,0) !important;
}
.rt-tr-group {
border-bottom: 3px solid rgba(0,0,0,0) !important;
border-top: 3px solid white !important;
border-bottom: none !important;
}
.icon-checked {

View File

@ -1,4 +1,4 @@
$transition: 500ms cubic-bezier(0.4, 0.1, 0.1, 0.5);
$transition: 300ms cubic-bezier(0.6, 0.3, 0.3, 0.6);
$danger-color: #d9acac;
$info-color: #ade3eb;
@ -68,27 +68,12 @@ $default-color: #e0ddde;
overflow: hidden;
}
.collapsing {
height:100% !important;
}
.collapse-item .content {
padding: 2rem 0;
transition: transform $transition;
will-change: transform;
$offset: 10px;
&.collapsing {
transform: translateY(-$offset);
}
&.collapse-comp {
transform: translateY(-$offset);
}
&.expanding {
transform: translateX(0px);
}
&.expanded {
transform: translateX(0px);
}
}
.collapse-item .text {

View File

@ -22,5 +22,10 @@ $black: #3a3a3a;
.attack-matrix div.rt-td:hover {
transform: scale(1.08);
filter: brightness(110%);
z-index: 10000;
}
.attack-matrix .rt-thead,.-header {
border-bottom: 1px solid #0000000f;
}