forked from elastic/kibana
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Management core Less to Sass (elastic#23596) (elastic#23861)
Converts management's less to sass. Makes minor adjustments to those pages for some design cleanup.
- Loading branch information
Showing
51 changed files
with
943 additions
and
1,154 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| // SASSTODO: figure out why this is needed | ||
| kbn-management-app, | ||
| kbn-management-landing, | ||
| kbn-management-indices, | ||
| kbn-management-indices-edit, | ||
| kbn-management-indices-create, | ||
| kbn-management-advanced, | ||
| kbn-management-objects, | ||
| kbn-management-objects-view { | ||
| display: block; | ||
| } | ||
|
|
||
| // SASSTODO: Remove when Kibana has a proper background color | ||
| .tab-account, .tab-management { | ||
| background-color: $euiColorEmptyShade; | ||
| } | ||
|
|
||
| // SASSTODO: Remove when Kibana has a proper background color | ||
| kbn-management-objects, kbn-management-app { | ||
| background: $euiColorLightestShade; | ||
| min-height: 100vh; | ||
| } | ||
|
|
||
| .kbn-management-tab:first-letter { | ||
| text-transform: capitalize; | ||
| } | ||
|
|
||
| // SASSTODO: Remove when this is replaced with EuiCode | ||
| kbn-management-objects-view { | ||
| .ace_editor { height: 300px; } | ||
| } | ||
|
|
||
| // SASSTODO: These are some dragula settings. | ||
| .gu-handle { | ||
| cursor: move; | ||
| cursor: grab; | ||
| cursor: -moz-grab; | ||
| cursor: -webkit-grab; | ||
| } | ||
|
|
||
| .gu-mirror, | ||
| .gu-mirror .gu-handle { | ||
| cursor: grabbing; | ||
| cursor: -moz-grabbing; | ||
| cursor: -webkit-grabbing; | ||
| } |
55 changes: 55 additions & 0 deletions
55
src/core_plugins/kibana/public/management/_management_app.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,55 @@ | ||
| .mgtPanel { | ||
| margin-bottom: $euiSize; | ||
| background: $euiColorEmptyShade; | ||
| } | ||
|
|
||
| // SASSTODO: Remove when this is replaced by the side nav | ||
| .mgtPanel__link { | ||
| @include euiFontSizeL; | ||
|
|
||
| line-height: 2; // Give some buffer for when they wrap | ||
|
|
||
| &.mgtPanel__link--disabled { | ||
| opacity: $euiColorDarkShade; | ||
| cursor: default; | ||
|
|
||
| &:hover, &:visited { | ||
| color: $euiColorPrimary; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| // SASSTODO: Remove when this form is replaced by EUI | ||
| kbn-management-objects { | ||
| form { | ||
| margin-bottom: $euiSize; | ||
| } | ||
| .list-unstyled { | ||
| li { | ||
| border-bottom: $euiBorderThin; | ||
| padding: $euiSizeS; | ||
| } | ||
| } | ||
| .empty { | ||
| color: $euiColorDarkShade; | ||
| } | ||
|
|
||
| .item { | ||
| padding: $euiSizeM; | ||
|
|
||
| .item-title { | ||
| margin-left: $euiSizeL; | ||
| } | ||
|
|
||
| .actions { | ||
| margin-top: $euiSizeXS; | ||
| } | ||
| } | ||
|
|
||
| .header { | ||
| .title, .controls { | ||
| padding-right: 1em; | ||
| display: inline-block; | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| // This file is imported into src/core_plugings/kibana/publix/index.scss | ||
|
|
||
| // Prefix all styles with "dsh" to avoid conflicts. | ||
| // Examples | ||
| // mgtChart | ||
| // mgtChart__legend | ||
| // mgtChart__legend--small | ||
| // mgtChart__legend-isLoading | ||
|
|
||
| @import 'hacks'; | ||
|
|
||
| // Core | ||
| @import 'management_app'; | ||
| @import 'sections/settings/advanced_settings'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
98 changes: 52 additions & 46 deletions
98
src/core_plugins/kibana/public/management/sections/indices/index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,52 +1,58 @@ | ||
| <div class="col-md-2 sidebar-container" role="region" aria-label="{{'kbn.management.editIndexPatternAria' | i18n: { defaultMessage: 'Index patterns' } }}"> | ||
| <div class="sidebar-list"> | ||
| <div class="sidebar-item-title full-title"> | ||
| <h5 data-test-subj="createIndexPatternParent"> | ||
| <a | ||
| ng-if="editingId" | ||
| href="#/management/kibana/index" | ||
| class="kuiButton kuiButton--primary kuiButton--small" | ||
| data-test-subj="createIndexPatternButton" | ||
| <div class="euiPage"> | ||
| <div class="col-md-2 sidebar-container" role="region" aria-label="{{'kbn.management.editIndexPatternAria' | i18n: { defaultMessage: 'Index patterns' } }}"> | ||
| <div class="sidebar-list"> | ||
| <div class="sidebar-item-title full-title"> | ||
| <h5 data-test-subj="createIndexPatternParent"> | ||
| <a | ||
| ng-if="editingId" | ||
| href="#/management/kibana/index" | ||
| class="kuiButton kuiButton--primary kuiButton--small" | ||
| data-test-subj="createIndexPatternButton" | ||
| > | ||
| <span aria-hidden="true" class="kuiIcon fa-plus"></span> | ||
| <span i18n-id="kbn.management.editIndexPattern.createIndexButton" | ||
| i18n-default-message="Create Index Pattern"></span> | ||
| </a> | ||
| </h5> | ||
| </div> | ||
| <ul class="list-unstyled"> | ||
| <li | ||
| ng-if="!defaultIndex" | ||
| class="sidebar-item" | ||
| > | ||
| <span aria-hidden="true" class="kuiIcon fa-plus"></span> | ||
| <span i18n-id="kbn.management.editIndexPattern.createIndexButton" | ||
| i18n-default-message="Create Index Pattern"></span> | ||
| </a> | ||
| </h5> | ||
| </div> | ||
| <ul class="list-unstyled"> | ||
| <li | ||
| ng-if="!defaultIndex" | ||
| class="sidebar-item" | ||
| > | ||
| <div class="sidebar-item-title full-title"> | ||
| <div class="euiText euiText--extraSmall"> | ||
| <div class="euiBadge euiBadge--warning" | ||
| i18n-id="kbn.management.editIndexPattern.createIndex.warningHeader" | ||
| i18n-default-message="Warning"></div> | ||
| <p i18n-id="kbn.management.editIndexPattern.createIndex.warningLabel" | ||
| i18n-default-message="No default index pattern. You must select or create one to continue."></p> | ||
| <div class="sidebar-item-title full-title"> | ||
| <div class="euiText euiText--extraSmall"> | ||
| <div class="euiBadge euiBadge--warning" | ||
| i18n-id="kbn.management.editIndexPattern.createIndex.warningHeader" | ||
| i18n-default-message="Warning"></div> | ||
| <p i18n-id="kbn.management.editIndexPattern.createIndex.warningLabel" | ||
| i18n-default-message="No default index pattern. You must select or create one to continue."></p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </li> | ||
| </li> | ||
|
|
||
| <li | ||
| ng-repeat="pattern in indexPatternList | orderBy:['-default','title'] track by pattern.id" | ||
| class="sidebar-item" | ||
| > | ||
| <a | ||
| href="{{::pattern.url}}" | ||
| class="euiLink euiLink--primary show" | ||
| data-test-subj="indexPatternLink" | ||
| <li | ||
| ng-repeat="pattern in indexPatternList | orderBy:['-default','title'] track by pattern.id" | ||
| class="sidebar-item" | ||
| > | ||
| <div class="{{::pattern.class}}"> | ||
| <i aria-hidden="true" ng-if="pattern.default" class="fa fa-star"></i> | ||
| <span ng-bind="::pattern.title"></span> | ||
| </div> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| <a | ||
| href="{{::pattern.url}}" | ||
| class="euiLink euiLink--primary show" | ||
| data-test-subj="indexPatternLink" | ||
| > | ||
| <div class="{{::pattern.class}}"> | ||
| <i aria-hidden="true" ng-if="pattern.default" class="fa fa-star"></i> | ||
| <span ng-bind="::pattern.title"></span> | ||
| </div> | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-md-10" ng-transclude></div> | ||
| <div class="col-md-10"> | ||
| <div class="euiPanel euiPanel--paddingLarge"> | ||
| <div ng-transclude></div> | ||
| </div> | ||
| </div> | ||
| </div> |
Oops, something went wrong.