github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 01:38:56 -04:00
Code Issues Projects Releases Packages Wiki Activity

Add support for Panel with and without a PanelHeader. (#10115)

Browse source 
Backports PR #10112

**Commit 1:**
Add support for Panel with and without a PanelHeader.

* Original sha: 0dc3472b2f
* Authored by CJ Cenizal <cj@cenizal.com> on 2017-01-31T00:29:42Z
This commit is contained in:
jasper 2017-01-30 20:33:52 -05:00 • committed by CJ Cenizal
parent c443b20b56
commit 9e842d96e5
12 changed files with 48 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/core_plugins/kibana/public/dashboard/listing/dashboard_listing.html
View file

@ -62,14 +62,20 @@
</div>
<!-- NoResults -->
<div ng-if="!listingController.items.length && listingController.filter" class="kuiPanel kuiPanel--centered">
<div
class="kuiPanel kuiPanel--centered kuiPanel--withHeader"
ng-if="!listingController.items.length && listingController.filter"
>
<div class="kuiNoItems">
No dashboards matched your search.
</div>
</div>
<!-- PromptForItems -->
<div class="kuiPanel kuiPanel--centered" ng-if="!listingController.items.length && !listingController.filter">
<div
class="kuiPanel kuiPanel--centered kuiPanel--withHeader"
ng-if="!listingController.items.length && !listingController.filter"
>
<div class="kuiPromptForItems">
<div class="kuiPromptForItems__message">
Looks like you don&rsquo;t have any dashboards. Let&rsquo;s add some!

5
src/core_plugins/kibana/public/management/sections/objects/_objects.html
View file

@ -106,7 +106,10 @@
</div>
<!-- NoResults -->
<div class="kuiPanel kuiPanel--centered" ng-if="!service.data.length">
<div
class="kuiPanel kuiPanel--centered kuiPanel--withHeader"
ng-if="!service.data.length"
>
<div class="kuiNoItems">
No {{service.title}} matched your search.
</div>

8
ui_framework/components/panel/_panel.scss
View file

@ -1,7 +1,9 @@
.kuiPanel {
border-left: $tableBorder;
border-right: $tableBorder;
border-bottom: $tableBorder;
border: $tableBorder;
}
.kuiPanel--withHeader {
border-top: none;
}
.kuiPanel--centered {

7
ui_framework/dist/ui_framework.css vendored
View file

@ -1223,9 +1223,10 @@ body {
line-height: 1.5; }
.kuiPanel {
border-left: 2px solid #E4E4E4;
border-right: 2px solid #E4E4E4;
border-bottom: 2px solid #E4E4E4; }
border: 2px solid #E4E4E4; }
.kuiPanel--withHeader {
border-top: none; }
.kuiPanel--centered {
display: -webkit-box;

6
ui_framework/doc_site/src/views/panel/panel.html
View file

@ -1,10 +1,4 @@
<div class="kuiPanel">
<div class="kuiPanelHeader">
<div class="kuiPanelHeader__title">
Panel title
</div>
</div>
<div class="kuiPanelBody">
<p>Content goes here</p>
</div>

7
ui_framework/doc_site/src/views/panel/panel_example.jsx
View file

@ -8,4 +8,11 @@ export default createExample([{
title: 'Panel',
html: require('./panel.html'),
hasDarkTheme: false,
}, {
title: 'Panel with PanelHeader',
description: (
<p>The Panel requires a special class when used with a PanelHeader.</p>
),
html: require('./panel_with_header.html'),
hasDarkTheme: false,
}]);

11
ui_framework/doc_site/src/views/panel/panel_with_header.html Normal file
View file

@ -0,0 +1,11 @@
<div class="kuiPanel kuiPanel--withHeader">
<div class="kuiPanelHeader">
<div class="kuiPanelHeader__title">
Panel title
</div>
</div>
<div class="kuiPanelBody">
<p>Content goes here</p>
</div>
</div>

2
ui_framework/doc_site/src/views/table/controlled_table_loading_items.html
View file

@ -43,7 +43,7 @@
</div>
<!-- LoadingResults -->
<div class="kuiPanel kuiPanel--centered">
<div class="kuiPanel kuiPanel--centered kuiPanel--withHeader">
<div class="kuiLoadingItems">
Loading&hellip;
</div>

2
ui_framework/doc_site/src/views/table/controlled_table_no_items.html
View file

@ -43,7 +43,7 @@
</div>
<!-- NoItems -->
<div class="kuiPanel kuiPanel--centered">
<div class="kuiPanel kuiPanel--centered kuiPanel--withHeader">
<div class="kuiNoItems">
No Items matched your search.
</div>

2
ui_framework/doc_site/src/views/table/controlled_table_prompt_for_items.html
View file

@ -43,7 +43,7 @@
</div>
<!-- PromptForItems -->
<div class="kuiPanel kuiPanel--centered">
<div class="kuiPanel kuiPanel--centered kuiPanel--withHeader">
<div class="kuiPromptForItems">
<div class="kuiPromptForItems__message">
Looks like you don&rsquo;t have any items. Let&rsquo;s add some!

6
ui_framework/doc_site/src/views/vertical_rhythm/vertical_rhythm_as_wrapper.html
View file

@ -1,5 +1,5 @@
<div class="kuiVerticalRhythm">
<div class="kuiPanel">
<div class="kuiPanel kuiPanel--withHeader">
<div class="kuiPanelHeader">
<div class="kuiPanelHeader__title">
Panel title
@ -13,7 +13,7 @@
</div>
<div class="kuiVerticalRhythm">
<div class="kuiPanel">
<div class="kuiPanel kuiPanel--withHeader">
<div class="kuiPanelHeader">
<div class="kuiPanelHeader__title">
Panel title
@ -27,7 +27,7 @@
</div>
<div class="kuiVerticalRhythm">
<div class="kuiPanel">
<div class="kuiPanel kuiPanel--withHeader">
<div class="kuiPanelHeader">
<div class="kuiPanelHeader__title">
Panel title

6
ui_framework/doc_site/src/views/vertical_rhythm/vertical_rhythm_on_component.html
View file

@ -1,4 +1,4 @@
<div class="kuiPanel kuiVerticalRhythm">
<div class="kuiPanel kuiPanel--withHeader kuiVerticalRhythm">
<div class="kuiPanelHeader">
<div class="kuiPanelHeader__title">
Panel title
@ -10,7 +10,7 @@
</div>
</div>
<div class="kuiPanel kuiVerticalRhythm">
<div class="kuiPanel kuiPanel--withHeader kuiVerticalRhythm">
<div class="kuiPanelHeader">
<div class="kuiPanelHeader__title">
Panel title
@ -22,7 +22,7 @@
</div>
</div>
<div class="kuiPanel kuiVerticalRhythm">
<div class="kuiPanel kuiPanel--withHeader kuiVerticalRhythm">
<div class="kuiPanelHeader">
<div class="kuiPanelHeader__title">
Panel title