Small minor improvements to user interface

This commit is contained in:
Juanjo Jiménez 2018-04-23 12:36:48 +02:00
parent 473be18a3a
commit 3212530602
7 changed files with 36 additions and 14 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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