valitydev/wazuh-kibana-app
14
0
Fork 0
mirror of https://github.com/valitydev/wazuh-kibana-app.git synced 2024-11-06 18:05:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Input select design fix

Browse Source
This commit is contained in:
Pedro S 2017-01-03 12:09:50 +00:00
parent 9ad45f5761
commit 9411a75958
4 changed files with 61 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/controllers/general.js
View File

@ -5,10 +5,10 @@ app.controller('generalController', function ($scope, $q, DataFactory, $mdToast,
//Initialisation
$scope.load = true;
$scope.search = '';
//$scope.menuNavItem = 'agents';
$scope.submenuNavItem = '';
$scope.state = appState;
$scope._status = 'all';
var objectsArray = [];
//Print Error

64
public/less/main.less
View File

@ -432,7 +432,7 @@ md-list.odd{
md-input-container.md-whiteframe-z1.flex.md-input-has-value{
box-shadow: none;
background-color: #3caed2;
background-color: white;
}
md-progress-linear.md-default-theme ._md-bar, md-progress-linear ._md-bar {
@ -453,13 +453,8 @@ md-select-menu.md-default-theme md-content, md-select-menu md-content {
color: white !important;
}
md-select-menu.md-default-theme md-content md-option, md-select-menu md-content md-option{
color: white;
}
md-select-menu.md-default-theme md-content md-option:not([disabled]):focus, md-select-menu md-content md-option:not([disabled]):focus, md-select-menu.md-default-theme md-content md-option:not([disabled]):hover, md-select-menu md-content md-option:not([disabled]):hover{
background-color: rgba(255,255,255, 0.1);
color: white;
}
.md-input-focused{
color: white;
}
@ -478,7 +473,7 @@ md-autocomplete-wrap.md-whiteframe-z1.layout-row {
}
md-input-container.md-whiteframe-z1.flex-20.md-input-has-value {
background: #3caed2;
background: white;
}
md-input-container.md-whiteframe-z1.flex-20.md-input-has-value {
@ -493,7 +488,7 @@ button._md-no-style.md-button.md-ink-ripple {
}
md-input-container.md-whiteframe-z1.flex-20 {
background: #3caed2;
background: white;
}
md-select.md-default-theme ._md-select-value._md-select-placeholder, md-select ._md-select-value._md-select-placeholder {
color: white;
@ -713,4 +708,51 @@ kbn-searchbar {
background-color: #c2e4ef;
}
.rules-item-list button.md-no-style.md-button.md-ink-ripple {opacity: 0;}
.rules-item-list button.md-no-style.md-button.md-ink-ripple {opacity: 0;}
.agentsPreview {
margin: 10px;
}
.md-whiteframe-1dp, .agentsPreview .md-whiteframe-z1 {
box-shadow: none;
}
md-input-container {
margin: 0 0;
margin-top: 18px;
padding: 0;
}
.agentsPreview md-input-container {
height: 41px;
margin-top: 17px;
padding: 2px;
}
md-input-container > md-select {
background: white;
color: black;
padding: 4px;
padding-bottom: 6px;
border-radius: 0px;
}
md-select:not([disabled]):focus .md-select-value, md-select.md-default-theme .md-select-value, md-select .md-select-value {
border-bottom-width: 0;
border-bottom-color: white;
}
.md-select-menu-container.md-active md-select-menu > *{
background-color: white !important;
}
md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
color: black;
}
md-select-menu.md-default-theme md-content md-option, md-select-menu md-content md-option{
color: black;
}
md-select-menu.md-default-theme md-content md-option:not([disabled]):focus, md-select-menu md-content md-option:not([disabled]):focus, md-select-menu.md-default-theme md-content md-option:not([disabled]):hover, md-select-menu md-content md-option:not([disabled]):hover{
background-color: rgba(255,255,255, 0.1);
color: #555;
}

4
public/templates/agents-preview.html
View File

@ -1,4 +1,4 @@
<md-content flex ng-controller="agentsPreviewController" layout="column" style="height: 100%;" ng-if="!_agent || submenuNavItem == 'preview'" class="md-padding" layout-align="start space-around">
<md-content flex class="agentsPreview" ng-controller="agentsPreviewController" layout="column" style="height: 100%;" ng-if="!_agent || submenuNavItem == 'preview'" class="md-padding" layout-align="start space-around">
<div infinite-scroll-module='agents.nextPage()' infinite-scroll-disabled='agents.busy' infinite-scroll-distance='0' style="padding: 0">
<md-progress-linear class="md-accent" md-mode="indeterminate" ng-show="load"></md-progress-linear>
<div flex layout="column" layout-align="space-between stretch">
@ -32,7 +32,7 @@
</md-card>
</div>
<div layout="row" layout-align="start stretch" flex>
<div layout="row" layout-align="start stretch" flex style="margin-bottom: 7px">
<div layout="row" class="sideNavBox" flex="80">

8
public/templates/ruleset-rules.html
View File

@ -91,8 +91,8 @@
<md-toolbar layout="row" class="md-toolbar-tools" style=" margin-top: 13px; min-height: 38px;height: 38px; padding: 8px; padding-top: 10px; ">
<span flex="5" ng-click="setSort('id')">ID <i class="fa" ng-class="_sort === 'id' ? (_sortOrder ? 'fa-sort-asc' : 'fa-sort-desc') : 'fa-sort'" aria-hidden="true"></i></span>
<span flex="10" ng-click="setSort('file')">File <i class="fa" ng-class="_sort === 'file' ? (_sortOrder ? 'fa-sort-asc' : 'fa-sort-desc') : 'fa-sort'" aria-hidden="true"></i></span>
<span flex="40" ng-click="setSort('description')">Description <i class="fa" ng-class="_sort === 'description' ? (_sortOrder ? 'fa-sort-asc' : 'fa-sort-desc') : 'fa-sort'" aria-hidden="true"></i></span>
<span flex="15" ng-click="setSort('file')">File <i class="fa" ng-class="_sort === 'file' ? (_sortOrder ? 'fa-sort-asc' : 'fa-sort-desc') : 'fa-sort'" aria-hidden="true"></i></span>
<span flex="35" ng-click="setSort('description')">Description <i class="fa" ng-class="_sort === 'description' ? (_sortOrder ? 'fa-sort-asc' : 'fa-sort-desc') : 'fa-sort'" aria-hidden="true"></i></span>
<span flex="25">Groups</span>
<span flex="15">Requirement</span>
<span flex="5" ng-click="setSort('level')">Level <i class="fa" ng-class="_sort === 'level' ? (_sortOrder ? 'fa-sort-asc' : 'fa-sort-desc') : 'fa-sort'" aria-hidden="true"></i></span>
@ -104,8 +104,8 @@
<md-list-item class="rules-item-list" ng-click="showDetails[rule.id] = !showDetails[rule.id]" ng-class="showDetails[rule.id] ? 'ruleset_rules_row_active' : ''">
<span flex="5">{{rule.id}}</span>
<span flex="10">{{rule.file}}</span>
<span flex="40">{{rule.description}}</span>
<span flex="15">{{rule.file}}</span>
<span flex="35">{{rule.description}}</span>
<span flex="25"><span ng-repeat="group in rule.groups">{{ group }}<span ng-if="!$last">, </span> </span></span>
<span flex="15"><span ng-repeat="pci in rule.pci">{{ pci }}<span ng-if="!$last">, </span> </span></span>
<span flex="5">{{rule.level}}</span>