More minor design adjustments for the app

This commit is contained in:
Juanjo Jiménez 2018-04-26 15:29:13 +02:00
parent 96ea8c49af
commit 13f923571e
5 changed files with 10 additions and 7 deletions

View File

@ -29,17 +29,17 @@
<!-- API/Index pattern section --> <!-- API/Index pattern section -->
<!-- Case 1a - There's API --> <!-- Case 1a - There's API -->
<span ng-show="theresAPI" tooltip="Selected API" tooltip-placement="bottom"> <span ng-show="theresAPI" class="wz-ip-selector" tooltip="Selected API" tooltip-placement="bottom">
<i class="fa fa-star fa-fw wz-color-orange" aria-hidden="true"></i>{{currentAPI}}<span ng-if="showSelector">&nbsp;&ndash;&nbsp;</span> <i class="fa fa-star fa-fw wz-color-orange" aria-hidden="true"></i>{{currentAPI}}<span ng-if="showSelector">&nbsp;&ndash;&nbsp;</span>
</span> </span>
<!-- Case 1b - There's no API --> <!-- Case 1b - There's no API -->
<span ng-show="!theresAPI" tooltip="No API credentials inserted" tooltip-placement="bottom"> <span ng-show="!theresAPI" class="wz-ip-selector" tooltip="No API credentials inserted" tooltip-placement="bottom">
No API<span ng-if="showSelector">&nbsp;&ndash;&nbsp;</span> No API<span ng-if="showSelector">&nbsp;&ndash;&nbsp;</span>
</span> </span>
<!-- Case 2a - There's pattern and there's more than one --> <!-- Case 2a - There's pattern and there's more than one -->
<span ng-if="showSelector" ng-show="theresPattern && patternList && patternList.length > 1" tooltip="Selected index pattern" tooltip-placement="bottom"> <span ng-if="showSelector" ng-show="theresPattern && patternList && patternList.length > 1" class="wz-ip-selector" tooltip="Selected index pattern" tooltip-placement="bottom">
<select class="wz-menu-select" ng-model="currentSelectedPattern" ng-change="changePattern(currentSelectedPattern)" aria-label="Index pattern selector" placeholder="Index pattern"> <select class="wz-menu-select" ng-model="currentSelectedPattern" ng-change="changePattern(currentSelectedPattern)" aria-label="Index pattern selector" placeholder="Index pattern">
<option class="wz-menu-select-option" ng-repeat="pattern in patternList" value="{{pattern.id}}"> <option class="wz-menu-select-option" ng-repeat="pattern in patternList" value="{{pattern.id}}">
{{pattern.title}} {{pattern.title}}
@ -48,7 +48,7 @@
</span> </span>
<!-- Case 2b - There's pattern and there's only one--> <!-- Case 2b - There's pattern and there's only one-->
<span ng-if="showSelector" ng-show="theresPattern && patternList && patternList.length === 1" tooltip="Selected index pattern" tooltip-placement="bottom"> <span ng-if="showSelector" ng-show="theresPattern && patternList && patternList.length === 1" class="wz-ip-selector" tooltip="Selected index pattern" tooltip-placement="bottom">
{{patternList[0].title}} {{patternList[0].title}}
</span> </span>

View File

@ -53,3 +53,8 @@
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
background-color: white; background-color: white;
} }
/* Style for the IP selector */
.wz-ip-selector {
font-size: 13px;
}

View File

@ -59,7 +59,7 @@
.wz-table-scroll { .wz-table-scroll {
overflow: auto; overflow: auto;
height: 300px; height: 400px;
} }
.wz-table-size { .wz-table-size {

View File

@ -154,7 +154,6 @@
<!-- Related decoders section --> <!-- Related decoders section -->
<h1 class="md-headline wz-headline"><i class="fa fa-fw fa-link" aria-hidden="true"></i> Related rules</h1> <h1 class="md-headline wz-headline"><i class="fa fa-fw fa-link" aria-hidden="true"></i> Related rules</h1>
<md-divider class="wz-margin-top-10"></md-divider>
<wz-table-header <wz-table-header
class="wz-side-margin-8" class="wz-side-margin-8"
layout="row" layout="row"

View File

@ -175,7 +175,6 @@
<!-- Related rules section --> <!-- Related rules section -->
<h1 class="md-headline wz-headline"><i class="fa fa-fw fa-link" aria-hidden="true"></i> Related rules</h1> <h1 class="md-headline wz-headline"><i class="fa fa-fw fa-link" aria-hidden="true"></i> Related rules</h1>
<md-divider class="wz-margin-top-10"></md-divider>
<wz-table-header <wz-table-header
class="wz-side-margin-8" class="wz-side-margin-8"
layout="row" layout="row"