Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix maximize in embeddable vulnerability panel #6330

Merged
merged 4 commits into from Jan 18, 2024
Merged

Fix maximize in embeddable vulnerability panel #6330

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
2099c7a
Fix to maximize display panel
jbiset Jan 16, 2024
77adfe2
Merge branch '4.8.0' into 6322-maximized-visualizations-not-display-p…
jbiset Jan 16, 2024
1e79411
Merge branch '4.8.0' into 6322-maximized-visualizations-not-display-p…
asteriscos Jan 17, 2024
3a1bbdb
Fixed overflow in the minimize panel.
jbiset Jan 17, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
6 changes: 6 additions & 0 deletions ...mponents/overview/vulnerabilities/dashboards/overview/vulnerability_detector_filters.scss
View file
Open in desktop
Expand Up @@ -3,12 +3,18 @@
.euiDataGrid__pagination {
display: none !important;
}
.visTable {
overflow: hidden !important;
}
}

.vulnerability-dashboard-responsive {
@media (max-width: 767px) {
.react-grid-layout {
height: auto !important;
}
.dshLayout-isMaximizedPanel {
height: 100% !important;
}
}
}
119 changes: 72 additions & 47 deletions plugins/main/public/styles/common.scss
View file
Open in desktop
Expand Up @@ -306,7 +306,7 @@

/* Custom input filter box styles */

input[type="search"].euiFieldSearch {
input[type='search'].euiFieldSearch {
box-sizing: inherit !important;
}

Expand Down Expand Up @@ -365,7 +365,9 @@ input[type="search"].euiFieldSearch {
box-shadow: none;
}

:focus:not(.wz-button):not(.input-filter-box):not(.kuiLocalSearchInput):not(.euiTextArea):not(.euiPanel.euiPopover__panel.euiPopover__panel-isOpen) {
:focus:not(.wz-button):not(.input-filter-box):not(.kuiLocalSearchInput):not(
.euiTextArea
):not(.euiPanel.euiPopover__panel.euiPopover__panel-isOpen) {
box-shadow: none !important;
}

Expand Down Expand Up @@ -443,7 +445,7 @@ md-content {
color: black !important;
}

.table-hover>tbody>tr:hover {
.table-hover > tbody > tr:hover {
background-color: #fafbfd !important;
}

Expand Down Expand Up @@ -777,7 +779,7 @@ md-switch.md-checked .md-thumb {
min-height: 300px;
}

.nav-bar-white-bg>div {
.nav-bar-white-bg > div {
background: #fff;
}

Expand All @@ -803,7 +805,7 @@ md-switch.md-checked .md-thumb {
* https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
* Handling long URLs on error toasts.
*/
.euiGlobalToastList>.euiToast>.euiToastHeader>.euiToastHeader__title {
.euiGlobalToastList > .euiToast > .euiToastHeader > .euiToastHeader__title {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
Expand Down Expand Up @@ -866,34 +868,34 @@ wz-xml-file-editor {
background: #ecf6fb !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: transparent !important;
}

.table-striped>tbody>tr:nth-of-type(odd):hover {
.table-striped > tbody > tr:nth-of-type(odd):hover {
background-color: #fafbfd !important;
}

.table-striped-duo>tbody tr:not(.euiTableRow):nth-child(2n + 1):not(:hover),
.table-striped-duo>tbody tr:not(.euiTableRow):nth-child(2n + 2):not(:hover) {
.table-striped-duo > tbody tr:not(.euiTableRow):nth-child(2n + 1):not(:hover),
.table-striped-duo > tbody tr:not(.euiTableRow):nth-child(2n + 2):not(:hover) {
background: #f9f9f9;
}

.table-striped-duo>tbody tr:not(.euiTableRow):nth-child(4n + 1):not(:hover),
.table-striped-duo>tbody tr:not(.euiTableRow):nth-child(4n + 2):not(:hover) {
.table-striped-duo > tbody tr:not(.euiTableRow):nth-child(4n + 1):not(:hover),
.table-striped-duo > tbody tr:not(.euiTableRow):nth-child(4n + 2):not(:hover) {
background: #fff;
}

.table-resizable>thead th:not(:first-child) {
.table-resizable > thead th:not(:first-child) {
border-left: 1px dashed #dfeff8;
overflow: hidden;
}

.table-resizable>thead th:last-child .ui-resizable-handle {
.table-resizable > thead th:last-child .ui-resizable-handle {
display: none !important;
}

.table-resizable td+td {
.table-resizable td + td {
width: auto;
}

Expand Down Expand Up @@ -944,7 +946,7 @@ wz-xml-file-editor {
display: block !important;
}

.sca-vis .visWrapper .visWrapper__chart>div>svg>g>text:nth-child(2) {
.sca-vis .visWrapper .visWrapper__chart > div > svg > g > text:nth-child(2) {
font-size: 10px !important;
}

Expand Down Expand Up @@ -1033,7 +1035,7 @@ wz-xml-file-editor {
white-space: nowrap;
}

.health-check dl.euiDescriptionList dd>span:first-child {
.health-check dl.euiDescriptionList dd > span:first-child {
display: inline-block;
width: 26px;
}
Expand Down Expand Up @@ -1111,7 +1113,7 @@ wz-xml-file-editor {

.wz-link {
cursor: pointer;
color: #006BB4;
color: #006bb4;
text-decoration: none;
}

Expand Down Expand Up @@ -1168,7 +1170,7 @@ wz-xml-file-editor {
margin: 0px;
}

.header-global-wrapper+.app-wrapper:not(.hidden-chrome) {
.header-global-wrapper + .app-wrapper:not(.hidden-chrome) {
top: 48px !important;
left: 48px !important;
}
Expand All @@ -1180,7 +1182,8 @@ wz-xml-file-editor {
.reqCard:hover,
.reqCard:focus {
transform: translateY(0px) !important;
box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3) !important;
box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3),
0 1px 5px -2px rgba(152, 162, 179, 0.3) !important;
}

.reqCard:hover .euiCard__title,
Expand Down Expand Up @@ -1241,7 +1244,6 @@ wz-xml-file-editor {
color: #377dbb !important;
}


.list-of-files-fail {
margin-top: 10px;
margin-bottom: 10px;
Expand Down Expand Up @@ -1312,8 +1314,8 @@ md-chips .md-chips {
.title-pin:hover:after {
padding-left: 5px;
font-size: 12px;
content: "\f00e";
font-family: "FontAwesome";
content: '\f00e';
font-family: 'FontAwesome';
color: #0b6bb4;
position: absolute;
}
Expand All @@ -1323,15 +1325,15 @@ md-chips .md-chips {
// margin-top: 50px;
// }

.wz-markdown-margin>p {
.wz-markdown-margin > p {
margin-top: 5px;
}

.wz-markdown-margin>ul {
.wz-markdown-margin > ul {
list-style: disc;
}

.wz-markdown-margin>ul>li {
.wz-markdown-margin > ul > li {
margin-left: 25px;
}

Expand Down Expand Up @@ -1369,7 +1371,7 @@ md-chips .md-chips {
border: solid 1px #d9d9d9;
}

.react-code-mirror>.CodeMirror.CodeMirror-wrap.cm-s-default {
.react-code-mirror > .CodeMirror.CodeMirror-wrap.cm-s-default {
height: 100% !important;
}

Expand Down Expand Up @@ -1441,7 +1443,6 @@ div.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--bottom.wz-menu
padding-right: 0;
}


.euiSuggestItem .euiSuggestItem__label {
flex-basis: 25%;
min-width: 25%;
Expand All @@ -1468,7 +1469,7 @@ div.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--bottom.wz-menu
}

.euiCodeBlock.euiCodeBlock-isFullScreen {
border: 1px solid #D3DAE6;
border: 1px solid #d3dae6;
border-radius: 4px;
margin: 22px;
}
Expand All @@ -1488,7 +1489,7 @@ div.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--bottom.wz-menu
margin-left: 24px;
width: 100%;
height: 2px;
background-color: #006BB4;
background-color: #006bb4;
-webkit-animation: euiBasicTableLoading 1000ms linear;
animation: euiBasicTableLoading 1000ms linear;
-webkit-animation-iteration-count: infinite;
Expand Down Expand Up @@ -1523,7 +1524,12 @@ kbn-dis.hide-filter-control .globalFilterGroup__branch {
}

/* Change custom discover size */
.wz-discover>.globalQueryBar>.kbnQueryBar--withDatePicker>.euiFlexItem.euiFlexItem--flexGrowZero>.euiFlexGroup>.euiFlexItem.kbnQueryBar__datePickerWrapper {
.wz-discover
> .globalQueryBar
> .kbnQueryBar--withDatePicker
> .euiFlexItem.euiFlexItem--flexGrowZero
> .euiFlexGroup
> .euiFlexItem.kbnQueryBar__datePickerWrapper {
max-width: 300px;
}

Expand All @@ -1533,13 +1539,18 @@ kbn-dis.hide-filter-control .globalFilterGroup__branch {
}

/* Change custom discover size */
.wz-discover>.globalQueryBar>.euiFlexGroup.kbnQueryBar.kbnQueryBar--withDatePicker {
.wz-discover
> .globalQueryBar
> .euiFlexGroup.kbnQueryBar.kbnQueryBar--withDatePicker {
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
}

.wz-discover>.globalQueryBar>.euiFlexGroup.kbnQueryBar.kbnQueryBar--withDatePicker>.euiFlexItem {
.wz-discover
> .globalQueryBar
> .euiFlexGroup.kbnQueryBar.kbnQueryBar--withDatePicker
> .euiFlexItem {
width: 100% !important;
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important;
Expand All @@ -1548,16 +1559,27 @@ kbn-dis.hide-filter-control .globalFilterGroup__branch {
margin-bottom: 16px !important;
}

.wz-discover>.globalQueryBar>.kbnQueryBar--withDatePicker> :first-child {
.wz-discover > .globalQueryBar > .kbnQueryBar--withDatePicker > :first-child {
order: 1;
margin-top: -8px;
}

.wz-discover>.globalQueryBar>.kbnQueryBar--withDatePicker>.euiFlexItem.euiFlexItem--flexGrowZero>.euiFlexGroup>.euiFlexItem.kbnQueryBar__datePickerWrapper>.euiFlexGroup {
.wz-discover
> .globalQueryBar
> .kbnQueryBar--withDatePicker
> .euiFlexItem.euiFlexItem--flexGrowZero
> .euiFlexGroup
> .euiFlexItem.kbnQueryBar__datePickerWrapper
> .euiFlexGroup {
width: 100%;
}

.wz-discover>.globalQueryBar>.kbnQueryBar--withDatePicker>.euiFlexItem.euiFlexItem--flexGrowZero>.euiFlexGroup>.euiFlexItem.kbnQueryBar__datePickerWrapper {
.wz-discover
> .globalQueryBar
> .kbnQueryBar--withDatePicker
> .euiFlexItem.euiFlexItem--flexGrowZero
> .euiFlexGroup
> .euiFlexItem.kbnQueryBar__datePickerWrapper {
flex-grow: 1 !important;
max-width: none;
}
Expand Down Expand Up @@ -1587,7 +1609,6 @@ kbn-dis.hide-filter-control .globalFilterGroup__branch {
.agents-details-card {
width: 55vw;
}

}

@media (max-width: 1599px) {
Expand Down Expand Up @@ -1624,7 +1645,7 @@ kbn-dis.hide-filter-control .globalFilterGroup__branch {
}
}

.chrHeaderWrapper--navIsLocked~.app-wrapper .wz-module-header-agent-wrapper {
.chrHeaderWrapper--navIsLocked ~ .app-wrapper .wz-module-header-agent-wrapper {
padding-left: 320px;
}

Expand All @@ -1642,7 +1663,6 @@ kbn-dis.hide-filter-control .globalFilterGroup__branch {
background-color: transparent !important;
}


.ace_scrollbar-v {
margin-top: -10px !important;
}
Expand All @@ -1661,7 +1681,6 @@ kbn-dis.hide-filter-control .globalFilterGroup__branch {
text-decoration: none !important;
}


.history-list {
background-color: white;
border: 1px solid #80808061;
Expand Down Expand Up @@ -1720,7 +1739,7 @@ iframe.width-changed {
}

.code-block-log-viewer-container {
max-width: calc(100vw - 41*2px);
max-width: calc(100vw - 41 * 2px);
}

.dscFieldDetails__barContainer {
Expand Down Expand Up @@ -1768,7 +1787,6 @@ iframe.width-changed {
}

.wz-euiCard-no-title {

.euiCard__title,
.euiCard__description {
display: none;
Expand All @@ -1793,7 +1811,7 @@ iframe.width-changed {
}

@media only screen and (max-width: 767px) {
.header-global-wrapper+.app-wrapper:not(.hidden-chrome) {
.header-global-wrapper + .app-wrapper:not(.hidden-chrome) {
left: 0 !important;
}

Expand All @@ -1817,19 +1835,26 @@ iframe.width-changed {
}

.wz-flex {
display: flex;
display: flex;
}

.wz-callout-message {
margin-top: 10px;
display: flex;
flex-direction: row;
margin-top: 10px;
display: flex;
flex-direction: row;
}

.wz-overflow-auto{
.wz-overflow-auto {
overflow: auto;
}

.wz-vertical-align-middle {
vertical-align: middle !important;
}

/* Workaround to fix maximize embeddable dashboard */
.wz-app .dshLayout-isMaximizedPanel {
top: 0;
left: 0;
z-index: 9999;
}