Style and UI corrections

This commit is contained in:
JuanCarlos 2019-01-31 15:50:18 +01:00
parent 1a8f6dc236
commit ec331ccb45
21 changed files with 39 additions and 74 deletions

View File

@ -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;
}

View File

@ -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">

View File

@ -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>

View File

@ -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>

View File

@ -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 -->

View File

@ -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>

View File

@ -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'">

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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">

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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">

View File

@ -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>

View File

@ -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">

View File

@ -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>

View File

@ -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>