mirror of
https://github.com/valitydev/wazuh-kibana-app.git
synced 2024-11-07 02:15:24 +00:00
Small minor improvements to user interface
This commit is contained in:
parent
473be18a3a
commit
3212530602
@ -5,7 +5,7 @@
|
||||
<div class="md-toolbar-tools wz-menu-content">
|
||||
|
||||
<!-- Wazuh app logo -->
|
||||
<a class="wz-margin-right-20 cursor-pointer" href="#/"><img aria-hidden="true" kbn-src="/plugins/wazuh/img/new_logo_white.png"></img></a>
|
||||
<a class="cursor-pointer wz-logo-container wz-margin-right-15" href="#/"><img class="wz-responsive-img" aria-hidden="true" kbn-src="/plugins/wazuh/img/new_logo_white.png"></img></a>
|
||||
|
||||
<!-- Main Wazuh app navigation buttons -->
|
||||
<md-button class="wz-menu-button" ng-href="#/overview" ng-class="{'wz-menu-active': menuNavItem == 'overview' }" aria-label="Overview tab">
|
||||
|
@ -168,6 +168,15 @@ div.uil-ring-css {
|
||||
top: -3px;
|
||||
}
|
||||
|
||||
/* Custom md-chips and md-chip component styles */
|
||||
|
||||
// Remove horizontal bar below chips
|
||||
.wz-chips .md-chips {
|
||||
box-shadow: none !important;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
// Define style for single md-chip element
|
||||
.wz-chip {
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
@ -344,6 +353,18 @@ kbn-vis .vis-container {
|
||||
border: 1px solid #D9D9D9;
|
||||
}
|
||||
|
||||
/* Class for responsive images */
|
||||
.wz-responsive-img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* Class for define Wazuh logo width */
|
||||
.wz-logo-container {
|
||||
width: 150px;
|
||||
max-width: 150px;
|
||||
}
|
||||
|
||||
/* Unclassified but important Wazuh app component styles */
|
||||
|
||||
.cursor-pointer {
|
||||
|
@ -3,7 +3,6 @@
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
/* Apply the Open Sans font in the whole app */
|
||||
|
||||
html, body, button:not(.fa):not(.fa-times), textarea, input, select, .wz-chip {
|
||||
font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
|
||||
}
|
||||
@ -77,13 +76,12 @@ html, body, button:not(.fa):not(.fa-times), textarea, input, select, .wz-chip {
|
||||
}
|
||||
|
||||
/* Class for linkable text elements */
|
||||
|
||||
.wz-text-link {
|
||||
cursor: pointer;
|
||||
color: rgb(0, 121, 165);
|
||||
cursor: pointer !important;
|
||||
color: rgb(0, 121, 165) !important;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
}
|
||||
|
||||
@ -92,3 +90,9 @@ html, body, button:not(.fa):not(.fa-times), textarea, input, select, .wz-chip {
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Special fix for text in navbars */
|
||||
|
||||
.md-button {
|
||||
text-transform: none !important;
|
||||
}
|
||||
|
@ -76,7 +76,7 @@
|
||||
<!-- View: Discover -->
|
||||
<kbn-dis ng-show="tab != 'configuration'"></kbn-dis>
|
||||
|
||||
<div class="wazuh-loading" layout="column" layout-aling="center center" ng-show="resultState === 'ready' && tabView === 'panels' && tab !== 'configuration' && !rendered">
|
||||
<div class="wazuh-loading" layout="column" layout-align="center center" ng-show="resultState === 'ready' && tabView === 'panels' && tab !== 'configuration' && !rendered">
|
||||
<div class="percentage"><i class="fa fa-spinner fa-spin fa-fw" aria-hidden="true"></i></div>
|
||||
<div class="percentage">{{loadingStatus}}</div>
|
||||
</div>
|
||||
|
@ -1,5 +1,2 @@
|
||||
<div flex layout="column" ng-controller="groupsController" class="mozilla-table-size-85" ng-if="submenuNavItem == 'groups'">
|
||||
<div class="wz-no-display">
|
||||
<kbn-searchbar></kbn-searchbar>
|
||||
</div>
|
||||
<md-progress-linear class="md-accent" md-mode="indeterminate" ng-show="load"></md-progress-linear>
|
||||
|
@ -34,7 +34,7 @@
|
||||
<!-- View: Discover -->
|
||||
<kbn-dis></kbn-dis>
|
||||
|
||||
<div class="wazuh-loading" layout="column" layout-aling="center center" ng-show="resultState === 'ready' && tabView === 'panels' && !rendered">
|
||||
<div class="wazuh-loading" layout="column" layout-align="center center" ng-show="resultState === 'ready' && tabView === 'panels' && !rendered">
|
||||
<div class="percentage"><i class="fa fa-spinner fa-spin fa-fw" aria-hidden="true"></i></div>
|
||||
<div class="percentage">{{loadingStatus}}</div>
|
||||
</div>
|
||||
|
@ -141,7 +141,7 @@
|
||||
<p class="color-f9">{{messageErrorUpdate}}</p>
|
||||
</div>
|
||||
<div layout="row" layout-align="center center">
|
||||
<md-button flex="15" type="submit" class="wazuh-button md-raised md-primary" aria-label="Update API button">
|
||||
<md-button type="submit" class="wazuh-button md-raised md-primary" aria-label="Update API button">
|
||||
<i class="fa fa-pencil fa-fw" aria-hidden="true"></i> Update API
|
||||
</md-button>
|
||||
</div>
|
||||
@ -151,7 +151,7 @@
|
||||
|
||||
<!-- Add API button container -->
|
||||
<div ng-show="!isUpdating()" layout="row" layout-align="center center" class="wz-padding-top-10">
|
||||
<md-button flex="15" ng-click="$parent.addManagerContainer = !$parent.addManagerContainer" type="submit" class="wazuh-button md-raised md-primary"
|
||||
<md-button ng-click="$parent.addManagerContainer = !$parent.addManagerContainer" type="submit" class="wazuh-button md-raised md-primary"
|
||||
aria-label="Add new API button">
|
||||
<i class="fa fa-plus-circle fa-fw" aria-hidden="true"></i> Add new API
|
||||
</md-button>
|
||||
@ -182,7 +182,7 @@
|
||||
<p class="color-f9">{{messageError}}</p>
|
||||
</div>
|
||||
<div layout="row" layout-align="center center">
|
||||
<md-button flex="15" type="submit" class="wazuh-button md-raised md-primary" aria-label="Save API button">
|
||||
<md-button type="submit" class="wazuh-button md-raised md-primary" aria-label="Save API button">
|
||||
<i class="fa fa-floppy-o fa-fw" aria-hidden="true"></i> Save API
|
||||
</md-button>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user