github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

Backport PR #8628

Browse source 
---------

**Commit 1:**
Add classes for standardizing the vertical rhythm of content on a page. Apply to Management landing page.

* Original sha: 0eeb17ca2c
* Authored by CJ Cenizal <cj@cenizal.com> on 2016-10-11T21:37:34Z
This commit is contained in:
Elastic Jasper 2016-10-11 18:56:24 -04:00
parent 8752eea429
commit 24b4fff85b
3 changed files with 55 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

81
src/core_plugins/kibana/public/management/landing.html
View file

@ -1,50 +1,51 @@
<kbn-management-app>
<kbn-management-landing>
<div class="product-overview">
<span class="kibana-version">Version: {{::kbnVersion}}</span>
<!-- General info -->
<div class="page-row">
<div class="page-row-text">Version: {{::kbnVersion}}</div>
</div>
<div class="management-sections">
<div
ng-if="section.items.length > 0"
ng-repeat="section in sections"
ng-class="{ 'management-section-info-expanded': section.showInfo }"
class="col-xs-12 management-section management-section-{{::section.id}}">
<div class="panel panel-product management-panel-product">
<div class="panel-heading panel-heading-{{::section.id}}">
{{::section.display}}
<!-- Management sections for the ES stack -->
<div
ng-if="section.items.length > 0"
ng-repeat="section in sections"
ng-class="{ 'management-section-info-expanded': section.showInfo }"
class="page-row"
>
<div class="panel panel-product management-panel-product">
<div class="panel-heading panel-heading-{{::section.id}}">
{{::section.display}}
<i
class="fa fa-info-circle pull-right panel-heading-icon"
ng-click="section.showInfo = !!!section.showInfo"
ng-if="section.info">
</i>
</div>
<i
class="fa fa-info-circle pull-right panel-heading-icon"
ng-click="section.showInfo = !!!section.showInfo"
ng-if="section.info">
</i>
</div>
<div class="panel-body">
<div class="row">
<ul class="management-section-items list-unstyled">
<li
class="col-xs-4 col-md-3"
ng-repeat="item in section.items.inOrder"
<div class="panel-body">
<div class="row">
<ul class="management-section-items list-unstyled">
<li
class="col-xs-4 col-md-3"
ng-repeat="item in section.items.inOrder"
>
<a
class="management-link"
ng-class="{ 'is-management-link-disabled': !item.url }"
kbn-href="{{::item.url}}"
tooltip="{{::item.tooltip}}"
tooltip-placement="bottom"
tooltip-popup-delay="400"
tooltip-append-to-body="1"
>
<a
class="management-link"
ng-class="{ 'is-management-link-disabled': !item.url }"
kbn-href="{{::item.url}}"
tooltip="{{::item.tooltip}}"
tooltip-placement="bottom"
tooltip-popup-delay="400"
tooltip-append-to-body="1"
>
{{::item.display}}
</a>
</li>
</ul>
</div>
<div class="management-section-info">
{{::section.info}}
</div>
{{::item.display}}
</a>
</li>
</ul>
</div>
<div class="management-section-info">
{{::section.info}}
</div>
</div>
</div>

12
src/core_plugins/kibana/public/management/styles/main.less
View file

@ -43,8 +43,6 @@ kbn-management-app {
}
kbn-management-landing {
padding: 5px;
.management-panel-product {
margin-bottom: 10px;
@ -54,11 +52,6 @@ kbn-management-landing {
}
}
.management-section {
padding-left: 5px;
padding-right: 5px;
}
.management-link {
font-size: 17px;
line-height: 32px;
@ -78,11 +71,6 @@ kbn-management-landing {
padding: 5px;
}
.product-overview {
color: @kibanaGray2;
padding: 5px 0 10px 10px;
}
.management-section-info {
bottom: 10px;
display: none;

14
src/ui/public/styles/base.less
View file

@ -621,6 +621,10 @@ fieldset {
padding: 7px 10px;
}
.panel-heading--clickable {
cursor: pointer;
}
.panel-heading-elasticsearch,
.panel-heading-kibana,
.panel-heading-beats,
@ -656,4 +660,14 @@ fieldset {
}
}
.page-row {
padding: 0 10px;
margin: 10px 0;
}
.page-row-text {
color: @kibanaGray2;
font-size: 14px;
}
@import "~dragula/dist/dragula.css";