mirror of
https://github.com/valitydev/wazuh-kibana-app.git
synced 2024-11-07 02:15:24 +00:00
Style and UI corrections
This commit is contained in:
parent
1a8f6dc236
commit
ec331ccb45
@ -114,30 +114,6 @@
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.wz-content{
|
||||
background-color: #F5F5F5;
|
||||
border-top: 1px solid #d9d9d9;
|
||||
}
|
||||
.no-border{
|
||||
border: none!important;
|
||||
}
|
||||
|
||||
.wz-content.min-106{
|
||||
min-height: calc(~'100vh - 106px');
|
||||
}
|
||||
|
||||
.wz-content.min-96{
|
||||
min-height: calc(~'100vh - 96px');
|
||||
}
|
||||
|
||||
.wz-content.min-133{
|
||||
min-height: calc(~'100vh - 133px');
|
||||
}
|
||||
|
||||
.wz-content.min-50{
|
||||
min-height: calc(~'100vh - 50px');
|
||||
}
|
||||
|
||||
/* CUstom styles for Configuration items list */
|
||||
|
||||
.wz-item-list {
|
||||
@ -406,17 +382,13 @@ div.uil-ring-css {
|
||||
}
|
||||
|
||||
.wz-metric-color {
|
||||
background-color: rgb(228, 242, 245);
|
||||
background-color: #d1e9f2!important;
|
||||
overflow: hidden;
|
||||
margin: 3px 8px;
|
||||
box-shadow: none!important;
|
||||
border: 0!important;
|
||||
}
|
||||
|
||||
.wz-content .wz-metric-color {
|
||||
background-color: #d1e9f2!important;
|
||||
}
|
||||
|
||||
.wz-background-transparent {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div ng-if="!ctrl.init && !ctrl.loading" class="wz-content no-border min-50" layout="column" layout-align="start space-around">
|
||||
<div ng-if="!ctrl.init && !ctrl.loading" class="" layout="column" layout-align="start space-around">
|
||||
<div layout="column" layout-align="start">
|
||||
<div layout="row" class="wz-padding-left-8 wz-padding-right-8 wz-margin-top-10" layout-align="start stretch">
|
||||
<md-card flex="50" class="wz-md-card">
|
||||
|
@ -1,4 +1,4 @@
|
||||
<md-content layout="column" ng-if="tab === 'syscollector'" ng-show="!load" class="wz-content no-border">
|
||||
<md-content layout="column" ng-if="tab === 'syscollector'" ng-show="!load" class="">
|
||||
|
||||
<div layout="row" class="layout-padding" ng-if="agent && agent.status !== 'Active'">
|
||||
<md-card flex class="wz-md-card" flex>
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div layout="column" class="wz-content min-106" layout-align="start stretch" ng-if="tab === 'welcome'" ng-show="!load && !agent">
|
||||
<div layout="column" class="" layout-align="start stretch" ng-if="tab === 'welcome'" ng-show="!load && !agent">
|
||||
<div layout="row" class="layout-padding">
|
||||
<md-card flex class="wz-md-card" flex>
|
||||
<md-card-content class="wz-text-center">
|
||||
@ -12,7 +12,7 @@
|
||||
</md-card>
|
||||
</div>
|
||||
</div>
|
||||
<div layout="column" class="wz-content min-106" layout-align="start stretch" ng-if="tab === 'welcome'" ng-show="!load && agent">
|
||||
<div layout="column" class="" layout-align="start stretch" ng-if="tab === 'welcome'" ng-show="!load && agent">
|
||||
|
||||
<!-- Headline -->
|
||||
<div layout="column" layout-padding>
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div flex="auto" layout="column" ng-controller="managementConfigurationController" ng-if="mctrl.tab === 'configuration'" class="wz-content no-border"
|
||||
<div flex="auto" layout="column" ng-controller="managementConfigurationController" ng-if="mctrl.tab === 'configuration'" class=""
|
||||
ng-init="switchConfigurationTab('welcome', false)">
|
||||
|
||||
<!-- Navigation section -->
|
||||
|
@ -11,7 +11,7 @@
|
||||
|
||||
<!-- Ruleset navigation bar -->
|
||||
<md-nav-bar
|
||||
class="wz-nav-bar nav-bar-white-bg no-border"
|
||||
class="wz-nav-bar nav-bar-white-bg "
|
||||
md-selected-nav-item="configurationSubTab"
|
||||
nav-bar-aria-label="Ruleset navigation links">
|
||||
<md-nav-item class="wz-nav-item" md-nav-click="switchConfigurationSubTab('rules')" name="rules">Rules</md-nav-item>
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div flex="auto" layout="column" ng-if="configurationTab === 'welcome' && !editionTab" class="wz-content" ng-class="agent && agent.id !== '000'?'wz-margin-top-8':'no-border'">
|
||||
<div flex="auto" layout="column" ng-if="configurationTab === 'welcome' && !editionTab" class="" ng-class="agent && agent.id !== '000'?'wz-margin-top-8':''">
|
||||
<!-- Headline -->
|
||||
<div layout="column" layout-padding>
|
||||
<div ng-show="agent && agent.id !== '000'">
|
||||
|
@ -1,6 +1,6 @@
|
||||
<div flex layout="column" class="mozilla-table-size-85" ng-class="{'cursor-wait': multipleSelectorLoading}"
|
||||
ng-controller="groupsPreviewController" ng-if="mctrl.tab == 'groups'">
|
||||
<md-content flex layout="column" class="wz-content overflow-hidden" ng-init="lookingGroup=false">
|
||||
<md-content flex layout="column" class=" overflow-hidden" ng-init="lookingGroup=false">
|
||||
|
||||
<!-- Loading ring -->
|
||||
<div class='uil-ring-css' ng-show="load">
|
||||
@ -31,7 +31,7 @@
|
||||
<!-- MD5 Sums and Details cards -->
|
||||
<div layout="row" class="md-padding-h" ng-if="lookingGroup">
|
||||
<!-- Group MD5 sums section -->
|
||||
<md-card flex class="no-margin-left no-margin-right wz-margin-top-0 wz-md-card">
|
||||
<md-card flex class="no-margin-left no-margin-right wz-margin-top-8 wz-md-card">
|
||||
<md-card-content>
|
||||
<span class="wz-headline-title font-size-18"><i class="fa fa-fw fa-object-group" aria-hidden="true"></i> {{currentGroup.name}}</span>
|
||||
<md-divider class="wz-margin-top-10"></md-divider>
|
||||
|
@ -1,13 +1,12 @@
|
||||
<div ng-if="!loading && viewingDetail" layout="column" class="wz-content">
|
||||
<div ng-if="!loading && viewingDetail" layout="column" class="">
|
||||
<!-- Back button and title -->
|
||||
<div layout="row" layout-align="start center">
|
||||
<!-- Back button -->
|
||||
<md-button class="md-icon-button wz-circle-back-button" style="margin: 5px 15px!important;" aria-label="Back to CDB Lists list"
|
||||
<md-button class="md-icon-button" style="margin: 5px!important;" aria-label="Back to CDB Lists list"
|
||||
tooltip="Back" tooltip-placement="bottom" ng-click="closeDetailView(true)"><i class="fa fa-fw fa-arrow-left"
|
||||
aria-hidden="true"></i></md-button>
|
||||
<!-- List title -->
|
||||
<div>
|
||||
<h5 class="titleSectionIdentifier">CDB List</h5>
|
||||
<!-- <h1 class="font-size-18">{{currentList.name}}</h1> -->
|
||||
<h1 class="font-size-18">{{currentList.name}}</h1>
|
||||
</div>
|
||||
|
@ -46,12 +46,11 @@
|
||||
<wz-table implicit-filter="appliedFilters" flex path="'/lists/files'" keys="['name', 'path']"
|
||||
allow-click="true" row-sizes="[15,13,11]">
|
||||
</wz-table>
|
||||
<div layout="row" class="wz-margin-top-10 md-padding-h">
|
||||
<span flex></span>
|
||||
<a class="small" id="btnDownload" ng-click="downloadCsv()">Formatted <i aria-hidden="true" class="fa fa-download"></i></a>
|
||||
</div>
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
</div>
|
||||
|
||||
<div layout="row" class="wz-margin-top-10 md-padding-h">
|
||||
<span flex></span>
|
||||
<a class="small" id="btnDownload" ng-click="downloadCsv()">Formatted <i aria-hidden="true" class="fa fa-download"></i></a>
|
||||
</div>
|
||||
</div>
|
@ -1,4 +1,4 @@
|
||||
<div flex ng-if="!loading && mctrl.globalRuleSet == 'ruleset' && mctrl.globalRulesetTab == 'cdblists'" class=" no-border" ng-controller="cdbListsController"
|
||||
<div flex ng-if="!loading && mctrl.globalRuleSet == 'ruleset' && mctrl.globalRulesetTab == 'cdblists'" class="" ng-controller="cdbListsController"
|
||||
layout="column" id="rulesContainer" layout-align="start space-around">
|
||||
|
||||
<div class='uil-ring-css' ng-show="loading">
|
||||
|
@ -1,13 +1,12 @@
|
||||
<div ng-if="!loading && dctrl.viewingDetail" layout="column" class="wz-content">
|
||||
<div ng-if="!loading && dctrl.viewingDetail" layout="column" class="">
|
||||
<!-- Back button and title -->
|
||||
<div layout="row" layout-align="start center">
|
||||
<!-- Back button -->
|
||||
<md-button class="md-icon-button wz-circle-back-button" style="margin: 5px 15px!important;" aria-label="Back to decoders list"
|
||||
<md-button class="md-icon-button" style="margin: 5px!important;" aria-label="Back to decoders list"
|
||||
tooltip="Back" tooltip-placement="bottom" ng-click="dctrl.closeDetailView()"><i class="fa fa-fw fa-arrow-left"
|
||||
aria-hidden="true"></i></md-button>
|
||||
<!-- Rule title -->
|
||||
<div>
|
||||
<h5 class="titleSectionIdentifier">Decoder</h5>
|
||||
<h1 class="font-size-18">{{dctrl.currentDecoder.name}}</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -5,9 +5,6 @@
|
||||
<button type="submit" aria-label="Search" class="kuiLocalSearchButton height-40 wz-margin-right-8" ng-click="dctrl.search(dctrl.custom_search)">
|
||||
<span class="fa fa-search" aria-hidden="true"></span>
|
||||
</button>
|
||||
<button class="btn btn-info height-40 wz-margin-right-8" ng-if="dctrl.typeFilter === 'all'" ng-click="dctrl.search('path:/var/ossec/etc/decoders')">Local
|
||||
decoders</button>
|
||||
|
||||
<div layout="column" layout-align="center" class="height-40 wz-select-input">
|
||||
<select flex class="kuiSelect wz-border-none cursor-pointer" ng-model="dctrl.typeFilter" ng-change="dctrl.onlyParents(dctrl.typeFilter)"
|
||||
aria-label="Filter by type" ng-init="'All decoders'">
|
||||
@ -34,13 +31,14 @@
|
||||
<md-card flex class="wz-md-card _md flex md-margin-h">
|
||||
<md-card-content>
|
||||
<wz-table implicit-filter="dctrl.appliedFilters" flex path="'/decoders'" keys="['name',{value:'details.program_name',size:2,nosortable:true},{value:'details.order',size:2,nosortable:true},'file']"
|
||||
allow-click="true" row-sizes="[15,13,11]" />
|
||||
allow-click="true" row-sizes="[15,13,11]">
|
||||
</wz-table>
|
||||
<div layout="row" class="wz-margin-top-10 md-padding-h">
|
||||
<span flex></span>
|
||||
<a class="small" id="btnDownload" ng-click="dctrl.downloadCsv()">Formatted <i aria-hidden="true"
|
||||
class="fa fa-download"></i></a>
|
||||
</div>
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
</div>
|
||||
|
||||
<div layout="row" class="wz-margin-top-10 md-padding-h">
|
||||
<span flex></span>
|
||||
<a class="small" id="btnDownload" ng-click="dctrl.downloadCsv()">Formatted <i aria-hidden="true" class="fa fa-download"></i></a>
|
||||
</div>
|
||||
</div>
|
@ -1,4 +1,4 @@
|
||||
<div flex ng-if="!loading && mctrl.globalRulesetTab == 'decoders'" class="wz-content no-border" ng-controller="decodersController as dctrl" layout="column" id="rulesContainer" layout-align="start space-around">
|
||||
<div flex ng-if="!loading && mctrl.globalRulesetTab == 'decoders'" class="" ng-controller="decodersController as dctrl" layout="column" id="rulesContainer" layout-align="start space-around">
|
||||
|
||||
<div class='uil-ring-css' ng-show="loading">
|
||||
<div></div>
|
||||
|
@ -1,13 +1,12 @@
|
||||
<div ng-if="!loading && viewingDetail" layout="column" class="wz-content">
|
||||
<div ng-if="!loading && viewingDetail" layout="column" class="">
|
||||
<!-- Back button and title -->
|
||||
<div layout="row" layout-align="start center">
|
||||
<!-- Back button -->
|
||||
<md-button class="md-icon-button wz-circle-back-button" style="margin: 5px 15px!important;" aria-label="Back to rules list"
|
||||
<md-button class="md-icon-button" style="margin: 5px!important;" aria-label="Back to rules list"
|
||||
tooltip="Back" tooltip-placement="bottom" ng-click="closeDetailView(true)"><i class="fa fa-fw fa-arrow-left"
|
||||
aria-hidden="true"></i></md-button>
|
||||
<!-- Rule title -->
|
||||
<div>
|
||||
<h5 class="titleSectionIdentifier">Rule</h5>
|
||||
<h1 class="font-size-18" ng-bind-html="colorRuleArg(currentRule.description)"></h1>
|
||||
</div>
|
||||
|
||||
|
@ -46,12 +46,11 @@
|
||||
<wz-table implicit-filter="appliedFilters" flex path="'/rules'" keys="['id',{value:'file',size:2},{value:'description',size:2},{value:'groups',nosortable:true,size:2},{value:'pci',nosortable:true,size:2},{value:'gdpr',nosortable:true},'level']"
|
||||
allow-click="true" row-sizes="[15,13,11]">
|
||||
</wz-table>
|
||||
<div layout="row" class="wz-margin-top-10 md-padding-h">
|
||||
<span flex></span>
|
||||
<a class="small" id="btnDownload" ng-click="downloadCsv()">Formatted <i aria-hidden="true" class="fa fa-download"></i></a>
|
||||
</div>
|
||||
</md-card-content>
|
||||
</md-card>
|
||||
</div>
|
||||
|
||||
<div layout="row" class="wz-margin-top-10 md-padding-h">
|
||||
<span flex></span>
|
||||
<a class="small" id="btnDownload" ng-click="downloadCsv()">Formatted <i aria-hidden="true" class="fa fa-download"></i></a>
|
||||
</div>
|
||||
</div>
|
@ -1,4 +1,4 @@
|
||||
<div flex ng-if="!loading && mctrl.globalRuleSet == 'ruleset' && mctrl.globalRulesetTab == 'rules'" class="wz-content no-border" ng-controller="rulesController"
|
||||
<div flex ng-if="!loading && mctrl.globalRuleSet == 'ruleset' && mctrl.globalRulesetTab == 'rules'" class="" ng-controller="rulesController"
|
||||
layout="column" id="rulesContainer" layout-align="start space-around">
|
||||
|
||||
<div class='uil-ring-css' ng-show="loading">
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div flex="auto" layout="column" ng-if="mctrl.globalRuleSet == 'ruleset'" class="wz-content no-border mozilla-table-size-85">
|
||||
<div flex="auto" layout="column" ng-if="mctrl.globalRuleSet == 'ruleset'" class=" mozilla-table-size-85">
|
||||
<div ng-show="!mctrl.currentRule && !mctrl.currentDecoder && !mctrl.currentList">
|
||||
<!-- Headline -->
|
||||
<!--<div layout="column" layout-padding>
|
||||
@ -7,7 +7,7 @@
|
||||
</div>-->
|
||||
<!-- End headline -->
|
||||
<!-- End group actions -->
|
||||
<md-nav-bar class="wz-nav-bar nav-bar-white-bg no-border" md-selected-nav-item="mctrl.globalRulesetTab">
|
||||
<md-nav-bar class="wz-nav-bar nav-bar-white-bg " md-selected-nav-item="mctrl.globalRulesetTab">
|
||||
<md-nav-item class="wz-nav-item" md-nav-click="mctrl.setRulesTab('rules')" name="rules">Rules</md-nav-item>
|
||||
<md-nav-item class="wz-nav-item" md-nav-click="mctrl.setRulesTab('decoders')" name="decoders">Decoders</md-nav-item>
|
||||
<md-nav-item class="wz-nav-item" md-nav-click="mctrl.setRulesTab('cdblists')" name="cdblists">CDB Lists</md-nav-item>
|
||||
|
@ -1,5 +1,5 @@
|
||||
<div layout="column" layout-align="start stretch" ng-controller="managerStatusController as ctrl" ng-if="mctrl.tab === 'status'"
|
||||
class="wz-content no-border min-133">
|
||||
class="">
|
||||
|
||||
<!-- Loading ring -->
|
||||
<div class='uil-ring-css' ng-show="ctrl.load">
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div class="wz-content min-96" layout="column" layout-align="start stretch" ng-if="mctrl.tab === 'welcome'">
|
||||
<div class="" layout="column" layout-align="start stretch" ng-if="mctrl.tab === 'welcome'">
|
||||
|
||||
<!-- Headline -->
|
||||
<div layout="column" layout-padding>
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div class="wz-content min-96" layout="column" layout-align="start stretch" ng-if="octrl.tab === 'welcome'">
|
||||
<div class="" layout="column" layout-align="start stretch" ng-if="octrl.tab === 'welcome'">
|
||||
|
||||
<!-- Headline -->
|
||||
<div layout="column" layout-padding>
|
||||
|
Loading…
Reference in New Issue
Block a user