Fix styles

This commit is contained in:
JuanCarlos 2019-01-30 12:18:23 +01:00
parent d0a8b8871e
commit 9a8daebfb9
3 changed files with 38 additions and 17 deletions

View File

@ -36,6 +36,10 @@
transition: none !important;
min-height: 30px !important;
line-height: 30px !important;
height: 50px;
border-radius: 0;
padding: 10px 13px;
margin: 0;
}
.wz-menu-button.md-icon-button {
@ -43,10 +47,12 @@
}
/* Style to mark active or when-hover buttons on the toolbar */
.wz-menu-button.wz-menu-active,
.wz-menu-button:not([disabled]):hover {
.wz-menu-button.wz-menu-active{
background-color: rgb(0, 121, 165) !important;
}
.wz-menu-button:not([disabled]):hover {
background-color: #005571;
}
/* Style for index-pattern selector */
.wz-menu-select {

View File

@ -130,6 +130,10 @@
min-height: calc(~'100vh - 96px');
}
.wz-content.min-133{
min-height: calc(~'100vh - 133px');
}
.wz-content.min-50{
min-height: calc(~'100vh - 50px');
}
@ -441,6 +445,11 @@ div.uil-ring-css {
background-color: #f0f0f0;
}
.table > tbody {
border-right: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
}
.action-btn-td{
font-size: 18px;
padding: 2px!important;
@ -558,7 +567,7 @@ md-sidenav {
}
@supports not (-moz-appearance:none) {
@media (min-width: 1060px) {
@media (min-width: 1200px) {
.wz-logo{
content: url("/plugins/wazuh/img/new_logo_white.png");
}
@ -567,11 +576,12 @@ md-sidenav {
max-width: 150px;
}
}
@media (max-width: 1059px) {
@media (max-width: 1199px) {
.wz-logo{
content: url("/plugins/wazuh/img/new_logo_white_wolf.png");
max-height: 45px;
max-width: 28px;
max-width: 20px;
margin-right: 10px;
}
.wz-logo-container {
min-width: 20px!important;
@ -582,7 +592,7 @@ md-sidenav {
}
@supports (-moz-appearance:none) {
@media (min-width: 1060px) {
@media (min-width: 1200px) {
.wz-logo::after{
content: url("/plugins/wazuh/img/new_logo_white.png");
}
@ -591,11 +601,12 @@ md-sidenav {
max-width: 185px;
}
}
@media (max-width: 1059px) {
@media (max-width: 1199px) {
.wz-logo::after{
content: url("/plugins/wazuh/img/new_logo_white_wolf.png");
max-height: 45px;
max-width: 28px;
max-width: 20px;
margin-right: 10px;
}
.wz-logo-container {
min-width: 20px!important;

View File

@ -1,4 +1,5 @@
<div layout="column" layout-align="start stretch" ng-controller="managerStatusController as ctrl" ng-if="mctrl.tab === 'status'">
<div layout="column" layout-align="start stretch" ng-controller="managerStatusController as ctrl" ng-if="mctrl.tab === 'status'"
class="wz-content no-border min-133">
<!-- Loading ring -->
<div class='uil-ring-css' ng-show="ctrl.load">
@ -6,13 +7,12 @@
</div>
<!-- Headline -->
<div ng-show="!ctrl.load" layout="row" layout-padding>
<div ng-show="!ctrl.load" layout="column" layout-padding>
<span class="font-size-18"><i class="fa fa-fw fa-heartbeat" aria-hidden="true"></i> Status</span>
<span class="md-subheader">Check the status of all Wazuh manager daemons <span ng-show="ctrl.selectedNode">({{ctrl.selectedNode}})</span></span>
</div>
<div ng-show="!ctrl.load" layout="row" layout-padding>
<div flex layout="column" layout-align="center" class="height-40 wz-margin-right-15">
<span class="md-subheader">Check the status of all Wazuh manager daemons <span ng-show="ctrl.selectedNode">({{ctrl.selectedNode}})</span></span>
</div>
<div ng-show="ctrl.selectedNode" layout="column" layout-align="center" class="height-40 wz-select-input">
<select class="kuiSelect wz-border-none cursor-pointer max-height-35" id="categoryBox" ng-model="ctrl.selectedNode"
ng-change="ctrl.changeNode(ctrl.selectedNode)" aria-label="Select node">
@ -82,7 +82,8 @@
<md-divider class="wz-margin-top-10"></md-divider>
<div layout="row" class="wz-padding-top-10">
<span flex="25">Version</span>
<span class="wz-text-right color-grey">{{ctrl.managerInfo.version ? ctrl.managerInfo.version : '-'}}</span>
<span class="wz-text-right color-grey">{{ctrl.managerInfo.version ? ctrl.managerInfo.version :
'-'}}</span>
</div>
<div layout="row" class="wz-padding-top-10">
<span flex="25">Compilation date</span>
@ -99,11 +100,13 @@
</div>
<div layout="row" class="wz-padding-top-10">
<span flex="25">Agents limit</span>
<span class="wz-text-right color-grey">{{ctrl.managerInfo.max_agents ? ctrl.managerInfo.max_agents : '-'}}</span>
<span class="wz-text-right color-grey">{{ctrl.managerInfo.max_agents ? ctrl.managerInfo.max_agents
: '-'}}</span>
</div>
<div layout="row" class="wz-padding-top-10">
<span flex="25">OpenSSL Support</span>
<span class="wz-text-right color-grey">{{ctrl.managerInfo.openssl_support ? ctrl.managerInfo.openssl_support
<span class="wz-text-right color-grey">{{ctrl.managerInfo.openssl_support ?
ctrl.managerInfo.openssl_support
: '-'}}</span>
</div>
</md-card-content>
@ -141,7 +144,8 @@
</div>
<div layout="row" class="wz-padding-top-10" ng-if="ctrl.agentInfo.id !== '000'">
<span flex="25">Last keep alive</span>
<span class="wz-text-right color-grey">{{ctrl.agentInfo.lastKeepAlive ? ctrl.agentInfo.lastKeepAlive : '-'}}</span>
<span class="wz-text-right color-grey">{{ctrl.agentInfo.lastKeepAlive ?
ctrl.agentInfo.lastKeepAlive : '-'}}</span>
</div>
<div layout="row" class="wz-padding-top-10">
<span flex="25">Operating system</span>