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

Update Saved Object Management view to use new InfoPanel styles.

Browse source
This commit is contained in:
CJ Cenizal 2017-01-25 08:52:47 -08:00
parent 25ef494e24
commit 4798befe26
3 changed files with 61 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

62
src/core_plugins/kibana/public/management/sections/objects/_view.html
View file

@ -28,35 +28,59 @@
</div>
<!-- Errors -->
<div class="bs-callout bs-callout-danger" ng-if="notFound">
<h4>There is a problem with this saved object</h4>
<div class="kuiViewContentItem kuiVerticalRhythm" ng-if="notFound">
<div class="kuiInfoPanel kuiInfoPanel--error">
<div class="kuiInfoPanelHeader">
<span class="kuiInfoPanelHeader__icon kuiIcon kuiIcon--error fa-warning"></span>
<span class="kuiInfoPanelHeader__title">
There is a problem with this saved object
</span>
</div>
<p ng-if="notFound === 'search'">
The saved search associated with this object no longer exists.
</p>
<div class="kuiInfoPanelBody">
<div
class="kuiInfoPanelBody__message"
ng-if="notFound === 'search'"
>
The saved search associated with this object no longer exists.
</div>
<p ng-if="notFound === 'index-pattern'">
The index pattern associated with this object no longer exists.
</p>
<div
class="kuiInfoPanelBody__message"
ng-if="notFound === 'index-pattern'"
>
The index pattern associated with this object no longer exists.
</div>
<p ng-if="notFound === 'index-pattern-field'">
A field associated with this object no longer exists in the index pattern.
</p>
<div
class="kuiInfoPanelBody__message"
ng-if="notFound === 'index-pattern-field'"
>
A field associated with this object no longer exists in the index pattern.
</div>
<p>
If you know what this error means, go ahead and fix it &mdash; otherwise click the delete button above.
</p>
<div class="kuiInfoPanelBody__message">
If you know what this error means, go ahead and fix it &mdash; otherwise click the delete button above.
</div>
</div>
</div>
</div>
<!-- Intro -->
<div class="kuiViewContentItem kuiVerticalRhythm">
<div class="kuiInfoPanel kuiInfoPanel--warning">
<p>
<span class="kuiIcon kuiIcon--warning fa-bolt"></span>
<strong>Proceed with caution!</strong>
</p>
<div class="kuiInfoPanelHeader">
<span class="kuiInfoPanelHeader__icon kuiIcon kuiIcon--warning fa-bolt"></span>
<span class="kuiInfoPanelHeader__title">
Proceed with caution!
</span>
</div>
<p>Modifying objects is for advanced users only. Object properties are not validated and invalid objects could cause errors, data loss, or worse. Unless someone with intimate knowledge of the code told you to be in here, you probably shouldn&rsquo;t be.</p>
<div class="kuiInfoPanelBody">
<div class="kuiInfoPanelBody__message">
Modifying objects is for advanced users only. Object properties are not validated and invalid objects could cause errors, data loss, or worse. Unless someone with intimate knowledge of the code told you to be in here, you probably shouldn&rsquo;t be.
</div>
</div>
</div>
</div>

11
ui_framework/components/info_panel/_info_panel.scss
View file

@ -4,20 +4,23 @@
border: 2px solid;
}
/**
* 1. TODO: Pick a hex value instead of making these colors translucent.
*/
.kuiInfoPanel--info {
border-color: rgba($infoColor, 0.25);
border-color: rgba($infoColor, 0.25); /* 1 */
}
.kuiInfoPanel--success {
border-color: rgba($successColor, 0.25);
border-color: rgba($successColor, 0.25); /* 1 */
}
.kuiInfoPanel--warning {
border-color: rgba($warningColor, 0.25);
border-color: rgba($warningColor, 0.25); /* 1 */
}
.kuiInfoPanel--error {
border-color: rgba($errorColor, 0.25);
border-color: rgba($errorColor, 0.25); /* 1 */
}
/**

15
ui_framework/dist/ui_framework.css vendored
View file

@ -533,17 +533,24 @@ body {
line-height: 1.5;
border: 2px solid; }
/**
* 1. TODO: Pick a hex value instead of making these colors translucent.
*/
.kuiInfoPanel--info {
border-color: rgba(63, 168, 199, 0.25); }
border-color: rgba(63, 168, 199, 0.25);
/* 1 */ }
.kuiInfoPanel--success {
border-color: rgba(65, 117, 5, 0.25); }
border-color: rgba(65, 117, 5, 0.25);
/* 1 */ }
.kuiInfoPanel--warning {
border-color: rgba(255, 172, 21, 0.25); }
border-color: rgba(255, 172, 21, 0.25);
/* 1 */ }
.kuiInfoPanel--error {
border-color: rgba(216, 96, 81, 0.25); }
border-color: rgba(216, 96, 81, 0.25);
/* 1 */ }
/**
* 1. Align with first line of title text if it wraps.