Kibana: [META] Moving Kibana off Less and using EUI global CSS scope

Created on 8 Jun 2018 · 3Comments · Source: elastic/kibana

This will be a meta issue for tracking conversion of Kibana's 307 Less files to Sass.

Primary goals

Convert all non-dependency (non node-modules) less files to sass.
Import the EUI global variable scope into those new Sass files. This includes
- EUI sizing
- EUI colors
- EUI breakpoints
- EUI mixins for things like shadows...etc.
Remove bootstrap.
Remove KUI.
Convert everything to BEM standards of EUI.

Why are we doing this?

Kibana's current styling pipeline is a mess.
We want Kibana to be themable.
We want Kibana and EUI to talk to each other.
We want plugin authors to have a nice, easy way to build frontend that matches our look and feel.

Staged approach

Because of the size of the changes we should consider staging this out. I could see us doing the following...

Convert from Less to Sass, change the selectors to EUI's BEM format and utilize EUI's global scope.
Reorganize the stylesheet locations.
- Make all plugins follow a known tree pattern for stylesheet usage.
- Move all vendor / legacy files (like bootstrap) into a known legacy folder structure.

After the above is done

Remove the pieces of bootstrap, KUI that are not in use in the codebase out.
Remove the EUI K6 theme and use EUI native. Make a decision on font-family.
Provide an audit meta issue of legacy usage (KUI and bootstrap) that require conversion. This should be targeted towards operational teams.
Convert any style usage in the templating itself.

Patterns we'll want to follow during conversion

These are simple examples, not meant to be full code methodologies and pathing scenarios.

File organization

Kibana is made up of three major parts: The inherited EUI components, the global Kibana global blob, and individual Kibana plugins.

Kibana global blob would look like this

// kibana_global.scss

// EUI global scope
@import 'node_modules/@elastic/eui/src/themes/k6/k6_globals';
@import 'node_modules/@elastic/eui/src/themes/k6/k6_colors_light';
@import 'node_modules/@elastic/eui/src/global_styling/functions/index';
@import 'node_modules/@elastic/eui/src/global_styling/variables/index';
@import 'node_modules/@elastic/eui/src/global_styling/mixins/index';

// This should be a one liner to import all of EUI's actual component css
@import eui/components

// This would be all kibana components that are considered core to Kibana, hopefully living in the same directory structure somewhere in Kibana.
@import 'kibana_global/variables'
@import 'kibana_global/mixins'
@import 'kibana_global/components'

// For all the stuff we can't get rid of yet
@import 'kibana_global/hack'

Then Kibana's core global scope includes/inherits EUI and builds beyond it with it's own global mixins and components in a single css blob. Anything in this file would be considered usable UI for all of Kibana. We'll have better control over the load order and be able to run proper trash tests as we remove code over time.

Plugins would be separated into their own css files (as shown earlier) and loaded only within their plugin scope.

Plugins

Kibana is mostly made up of plugins. We should aim to move all styling to match the below structure.

src/some_plugin/

+-- public
|   +-- components
|   |   +-- componentName
|   |   |   +-- _index.scss
|   |   |   +-- _component.scss
+-- index.scss

Sass

// Should import both the EUI constants and any Kibana ones that are considered global
@import '_kibana_styling_constants';

// Temporary hacks
@import 'hacks';

// Monitoring plugin styles

// Prefix all styles with "mon" to avoid conflicts.
// Examples
//   monChart
//   monChart__legend
//   monChart__legend--small
//   monChart__legend-isLoading

@import 'components/chart/index';
@import 'components/no_data/index';
@import 'components/sparkline/index';
@import 'components/summary_status/index';
@import 'components/table/index';
@import 'components/logstash/pipeline_viewer/views/index';
@import 'directives/chart/index';
@import 'directives/elasticsearch/shard_allocation/index';

Then in the files themseslves

// ./plugin_component_one.scss
// Use a prefix for the file being built, let's use "mon" for "monitoring"
.monChart__legend--small {
  color: $euiColor;
  width: $euiSize;
}

@euiBreakpoint("xs", "s") {
  ...
}

Sections to convert

For an example conversion, along with some tips please look at https://github.com/elastic/kibana/pull/20995

Xpack plugins

[ ] APM (used styled components, should be OK)
[x] Graph @cchaos #23348
[x] Grok debugger @ryankeairns #23425
[x] License management @snide https://github.com/elastic/kibana/pull/23596
[x] Index management @snide https://github.com/elastic/kibana/pull/23596
[x] Logstash @ryankeairns #23759
[x] Machine learning @snide https://github.com/elastic/kibana/pull/23387
[x] Monitoring https://github.com/elastic/kibana/pull/20995
[x] Reporting @ryankeairns #23782
[x] Search Profiler @ryankeairns #23588
[x] Security @ryankeairns #25079
[x] Watcher @ryankeairns #23252
[x] Xpack main @ryankeairns #25079 (combined with Security)

Kibana OSS

[x] Canvas @snide https://github.com/elastic/kibana-canvas/pull/720
[x] Dashboard @cchaos https://github.com/elastic/kibana/pull/21374
[x] Discover https://github.com/elastic/kibana/pull/21290
[x] Home @cchaos #22160
[x] Management @snide https://github.com/elastic/kibana/pull/23596
[x] Visualize @cchaos #22679
[x] Console @cchaos #23413
[x] Inspector (and dev_tools & size_picker) @cchaos #23413
[x] Markdown vis #23513
[x] Metric vis #23513
[x] Metrics @cchaos #24250
[x] Region map #23513
[x] Status page @cchaos
[x] Table vis #23513
[x] Tag cloud #23513
[x] Timelion @cchaos
[x] Vega #23513

Kibana core + Bootstrap

Kibana core work is blocked by https://github.com/elastic/kibana/issues/20859

Kibana core is essentially everything in src/ui/ (which is a lot of files)

KUI

KUI (aka ui_framework) should be audited for unused components. Existing, in use ones should import the EUI global scope so that it matches EUI theming as much as possible.

Meta Kibana-Design

Source

snide

❤2 👍1

Most helpful comment

Closing this issue. Outside of some hanger on issues, it's complete and would be better served by smaller, clean up issues.

snide on 21 Jan 2019

🎉2

All 3 comments

Kibana packages

[ ] kibana/packages/kbn-plugin-generator/sao_template/template/public/less/main.less
[ ] kibana/packages/kbn-ui-framework/node_modules/material-colors/dist/colors.less

Core

[x] kibana/src/core_plugins/console/public/css/sense.less
[x] kibana/src/core_plugins/console/public/css/sense.light.less
[x] kibana/src/core_plugins/input_control_vis/public/components/editor/control_editor.less
[x] kibana/src/core_plugins/input_control_vis/public/vis.less
[x] kibana/src/core_plugins/inspector_views/public/data/data_table.less
[x] kibana/src/core_plugins/inspector_views/public/requests/requests_inspector.less
[x] kibana/src/core_plugins/kibana/public/context/components/size_picker/size_picker.less
[x] kibana/src/core_plugins/kibana/public/dashboard/styles/index.less
[x] kibana/src/core_plugins/kibana/public/dashboard/top_nav/add_panel.less
[x] kibana/src/core_plugins/kibana/public/dev_tools/styles/dev_tools_app.less
[x] kibana/src/core_plugins/kibana/public/discover/components/fetch_error/fetch_error.less
[x] kibana/src/core_plugins/kibana/public/discover/directives/no_results.less
[x] kibana/src/core_plugins/kibana/public/discover/styles/main.less
[x] kibana/src/core_plugins/kibana/public/home/components/add_data.less
[x] kibana/src/core_plugins/kibana/public/home/components/recently_accessed.less
[x] kibana/src/core_plugins/kibana/public/home/components/synopsis.less
[x] kibana/src/core_plugins/kibana/public/home/components/tutorial/radio_button_group.less
[x] kibana/src/core_plugins/kibana/public/home/components/tutorial/tutorial.less
[ ] kibana/src/core_plugins/kibana/public/home/home.less Still exists with images -- dependent on #22089
[x] kibana/src/core_plugins/kibana/public/management/sections/settings/advanced_settings.less
[x] kibana/src/core_plugins/kibana/public/management/styles/main.less
[x] kibana/src/core_plugins/kibana/public/visualize/editor/styles/_editor.less
[x] kibana/src/core_plugins/kibana/public/visualize/styles/lab_vis.less
[x] kibana/src/core_plugins/kibana/public/visualize/styles/main.less
[x] kibana/src/core_plugins/kibana/public/visualize/wizard/wizard.less
[x] kibana/src/core_plugins/markdown_vis/public/markdown_vis.less
[x] kibana/src/core_plugins/metric_vis/public/metric_vis.less
[x] kibana/src/core_plugins/metrics/public/less/color_picker.less
[x] kibana/src/core_plugins/metrics/public/less/color_rules.less
[x] kibana/src/core_plugins/metrics/public/less/editor.less
[x] kibana/src/core_plugins/metrics/public/less/error.less
[x] kibana/src/core_plugins/metrics/public/less/kbn_tabs.less
[x] kibana/src/core_plugins/metrics/public/less/main.less
[x] kibana/src/core_plugins/metrics/public/less/markdown.less
[x] kibana/src/core_plugins/metrics/public/less/misc.less
[x] kibana/src/core_plugins/metrics/public/less/sortable.less
[x] kibana/src/core_plugins/metrics/public/less/split_vis.less
[x] kibana/src/core_plugins/metrics/public/less/type.less
[x] kibana/src/core_plugins/metrics/public/visualizations/less/includes/bar.less
[x] kibana/src/core_plugins/metrics/public/visualizations/less/includes/chart.less
[x] kibana/src/core_plugins/metrics/public/visualizations/less/includes/colors.less
[x] kibana/src/core_plugins/metrics/public/visualizations/less/includes/gauge.less
[x] kibana/src/core_plugins/metrics/public/visualizations/less/includes/metric.less
[x] kibana/src/core_plugins/metrics/public/visualizations/less/includes/top_n.less
[x] kibana/src/core_plugins/metrics/public/visualizations/less/main.less
[x] kibana/src/core_plugins/region_map/public/region_map.less
[x] kibana/src/core_plugins/state_session_storage_redirect/public/styles.less
[x] kibana/src/core_plugins/status_page/public/status_page.less
[x] kibana/src/core_plugins/table_vis/public/table_vis.less
[x] kibana/src/core_plugins/tagcloud/public/tag_cloud.less
[ ] kibana/src/core_plugins/testbed/public/testbed.less (What is this? It looks like a placeholder file as it has nothing but an empty .kuiTestbed selector with some comments)
[x] kibana/src/core_plugins/tile_map/public/styles/_tilemap.less
[x] kibana/src/core_plugins/timelion/public/app.less
[x] kibana/src/core_plugins/timelion/public/chart.less
[x] kibana/src/core_plugins/timelion/public/directives/timelion_interval/timelion_interval.less
[x] kibana/src/core_plugins/timelion/public/panels/timechart/timechart.less
[x] kibana/src/core_plugins/timelion/public/suggestions.less
[x] kibana/src/core_plugins/timelion/public/vis/timelion_vis.less
[x] kibana/src/core_plugins/vega/public/vega.less
[x] kibana/src/core_plugins/vega/public/vega_editor.less

UI

@cchaos :

[x] kibana/src/ui/public/accessibility/kbn_ui_ace_keyboard_mode.less
[x] kibana/src/ui/public/agg_table/agg_table.less
[x] kibana/src/ui/public/chrome/directives/global_nav/global_nav.less
[x] kibana/src/ui/public/chrome/directives/global_nav/global_nav_link/global_nav_link.less
[x] kibana/src/ui/public/chrome/directives/kbn_chrome.less
[x] kibana/src/ui/public/chrome/directives/loading_indicator.less
[x] kibana/src/ui/public/collapsible_sidebar/collapsible_sidebar.less
[x] kibana/src/ui/public/doc_table/components/table_header.less
[x] kibana/src/ui/public/doc_table/components/table_row.less
[x] kibana/src/ui/public/doc_table/doc_table.less
[x] kibana/src/ui/public/doc_viewer/doc_viewer.less
[x] ~kibana/src/ui/public/dragula/gu-dragula.less~ Gone
[x] kibana/src/ui/public/error_allow_explicit_index/error_allow_explicit_index.less
[x] kibana/src/ui/public/error_auto_create_index/error_auto_create_index.less
[x] kibana/src/ui/public/error_url_overflow/error_url_overflow.less
[x] kibana/src/ui/public/field_editor/components/field_format_editor/samples/samples.less
[ ] ~kibana/src/ui/public/filter_bar/filter_bar.less~ Just wait for EUI conversion
[x] kibana/src/ui/public/filter_editor/filter_editor.less
[x] kibana/src/ui/public/inspector/ui/inspector.less
[x] kibana/src/ui/public/markdown/github_markdown.less
[x] kibana/src/ui/public/notify/banners/global_banner_list.less
[x] kibana/src/ui/public/notify/notify.less
[x] kibana/src/ui/public/query_bar/directive/suggestion.less
[x] kibana/src/ui/public/styles/base.less
[x] kibana/src/ui/public/styles/callout.less
[x] kibana/src/ui/public/styles/config.less
[x] kibana/src/ui/public/styles/control_group.less
[x] kibana/src/ui/public/styles/dark-theme.less
[x] kibana/src/ui/public/styles/dark-variables.less
[x] kibana/src/ui/public/styles/hintbox.less
[x] kibana/src/ui/public/styles/input.less
[x] kibana/src/ui/public/styles/list-group-menu.less
[x] kibana/src/ui/public/styles/local_search.less
[x] kibana/src/ui/public/styles/mixins.less
[x] kibana/src/ui/public/styles/navbar.less
[x] kibana/src/ui/public/styles/pagination.less
[x] kibana/src/ui/public/styles/react-input-range.less
[x] kibana/src/ui/public/styles/sidebar.less
[x] kibana/src/ui/public/styles/spinner.less
[x] kibana/src/ui/public/styles/table.less
[x] kibana/src/ui/public/styles/theme/bootstrap.less
[x] kibana/src/ui/public/styles/theme/font-awesome.less
[x] kibana/src/ui/public/styles/theme.less
[x] kibana/src/ui/public/styles/truncate.less
[x] kibana/src/ui/public/styles/ui_select.less
[x] kibana/src/ui/public/styles/variables/bootstrap-mods.less
[x] kibana/src/ui/public/styles/variables/colors.less
[x] kibana/src/ui/public/styles/variables/depth.less
[x] kibana/src/ui/public/styles/variables/for-theme.less
[x] kibana/src/ui/public/styles/variables.less
[x] kibana/src/ui/public/test_harness/test_harness.less
[ ] ~kibana/src/ui/public/timepicker/timepicker.less~ Just wait for EUI conversion
[x] ~kibana/src/ui/public/typeahead/typeahead.less~ Gone

25333

[x] kibana/src/ui/public/vis/editors/components/editor_options_group.less
[x] kibana/src/ui/public/vislib/styles/_alerts.less
[x] kibana/src/ui/public/vislib/styles/_error.less
[x] kibana/src/ui/public/vislib/styles/_layout.less
[x] kibana/src/ui/public/vislib/styles/_legend.less
[x] kibana/src/ui/public/vislib/styles/_svg.less
[x] kibana/src/ui/public/vislib/styles/_tooltip.less
[x] kibana/src/ui/public/vislib/styles/main.less

- [x] kibana/src/ui/public/visualize/components/visualization.less

Bootstrap

[ ] kibana/src/ui/public/styles/bootstrap/alerts.less
[ ] kibana/src/ui/public/styles/bootstrap/badges.less
[ ] kibana/src/ui/public/styles/bootstrap/bootstrap.less
[ ] kibana/src/ui/public/styles/bootstrap/breadcrumbs.less
[ ] kibana/src/ui/public/styles/bootstrap/buttons.less
[ ] kibana/src/ui/public/styles/bootstrap/close.less
[ ] kibana/src/ui/public/styles/bootstrap/code.less
[ ] kibana/src/ui/public/styles/bootstrap/component-animations.less
[ ] kibana/src/ui/public/styles/bootstrap/dropdowns.less
[ ] kibana/src/ui/public/styles/bootstrap/forms.less
[ ] kibana/src/ui/public/styles/bootstrap/glyphicons.less
[ ] kibana/src/ui/public/styles/bootstrap/grid.less
[ ] kibana/src/ui/public/styles/bootstrap/input-groups.less
[ ] kibana/src/ui/public/styles/bootstrap/jumbotron.less
[ ] kibana/src/ui/public/styles/bootstrap/labels.less
[ ] kibana/src/ui/public/styles/bootstrap/list-group.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/alerts.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/background-variant.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/border-radius.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/buttons.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/center-block.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/clearfix.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/forms.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/gradients.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/grid-framework.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/grid.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/hide-text.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/image.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/labels.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/list-group.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/nav-divider.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/nav-vertical-align.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/opacity.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/pagination.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/panels.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/progress-bar.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/reset-filter.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/reset-text.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/resize.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/responsive-visibility.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/size.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/tab-focus.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/table-row.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/text-emphasis.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/text-overflow.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins/vendor-prefixes.less
[ ] kibana/src/ui/public/styles/bootstrap/mixins.less
[ ] kibana/src/ui/public/styles/bootstrap/modals.less
[ ] kibana/src/ui/public/styles/bootstrap/navbar.less
[ ] kibana/src/ui/public/styles/bootstrap/navs.less
[ ] kibana/src/ui/public/styles/bootstrap/normalize.less
[ ] kibana/src/ui/public/styles/bootstrap/pager.less
[ ] kibana/src/ui/public/styles/bootstrap/pagination.less
[ ] kibana/src/ui/public/styles/bootstrap/panels.less
[ ] kibana/src/ui/public/styles/bootstrap/popovers.less
[ ] kibana/src/ui/public/styles/bootstrap/progress-bars.less
[ ] kibana/src/ui/public/styles/bootstrap/responsive-utilities.less
[ ] kibana/src/ui/public/styles/bootstrap/scaffolding.less
[ ] kibana/src/ui/public/styles/bootstrap/tables.less
[ ] kibana/src/ui/public/styles/bootstrap/theme.less
[ ] kibana/src/ui/public/styles/bootstrap/thumbnails.less
[ ] kibana/src/ui/public/styles/bootstrap/tooltip.less
[ ] kibana/src/ui/public/styles/bootstrap/type.less
[ ] kibana/src/ui/public/styles/bootstrap/utilities.less
[ ] kibana/src/ui/public/styles/bootstrap/variables.less
[ ] kibana/src/ui/public/styles/bootstrap/wells.less

Xpack

[x] kibana/x-pack/plugins/graph/public/less/main.less
[x] kibana/x-pack/plugins/grokdebugger/public/sections/grokdebugger/directives/grokdebugger/grokdebugger.less
[x] kibana/x-pack/plugins/index_management/public/styles/table.less
[x] kibana/x-pack/plugins/license_management/public/styles/main.less
[x] kibana/x-pack/plugins/logstash/public/components/tooltip/tooltip.less
[x] kibana/x-pack/plugins/logstash/public/sections/pipeline_edit/components/pipeline_edit/pipeline_edit.less
[x] kibana/x-pack/plugins/ml/public/components/anomalies_table/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/chart_tooltip/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/confirm_modal/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/controls/controls_select/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/controls/select_severity/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/controls/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/data_recognizer/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/documentation_help_link/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/field_data_card/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/field_title_bar/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/field_type_icon/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/form_filter_input/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/form_label/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/influencers_list/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/item_select/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/items_grid/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/job_group_select/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/job_select_list/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/json_tooltip/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/loading_indicator/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/messagebar/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/paginated_table/styles/main.less
[x] kibana/x-pack/plugins/ml/public/components/rule_editor/styles/main.less
[x] kibana/x-pack/plugins/ml/public/datavisualizer/styles/main.less
[x] kibana/x-pack/plugins/ml/public/explorer/explorer_charts/styles/explorer_chart_directive.less
[x] kibana/x-pack/plugins/ml/public/explorer/explorer_charts/styles/explorer_charts_container_directive.less
[x] kibana/x-pack/plugins/ml/public/explorer/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/components/custom_url_editor/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/components/custom_url_editor_old/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/create_watch_flyout/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/edit_job_flyout/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/job_filter_bar/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/job_group/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/jobs_list/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/jobs_list_view/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/jobs_stats_bar/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/multi_job_actions/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/new_job_button/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/start_datafeed_modal/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/components/start_datafeed_modal/time_range_selector/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list_old/create_watch_modal/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list_old/delete_job_modal/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list_old/edit_job_modal/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list_old/expanded_row/forecasts_table/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list_old/expanded_row/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list_old/job_timepicker_modal/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/jobs_list_old/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/advanced/detector_filter_modal/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/advanced/detector_modal/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/advanced/save_status_modal/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/advanced/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/components/bucket_span_estimator/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/components/bucket_span_selection/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/components/event_rate_chart/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/components/fields_selection/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/components/fields_selection_population/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/components/general_job_details/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/components/influencers_selection/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/components/post_save_options/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/components/watcher/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/multi_metric/create_job/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/population/create_job/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/recognize/create_job/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/simple/single_metric/create_job/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/new_job/wizard/styles/main.less
[x] kibana/x-pack/plugins/ml/public/jobs/styles/main.less
[x] kibana/x-pack/plugins/ml/public/settings/filter_lists/edit/styles/main.less
[x] kibana/x-pack/plugins/ml/public/settings/filter_lists/list/styles/main.less
[x] kibana/x-pack/plugins/ml/public/settings/filter_lists/styles/main.less
[x] kibana/x-pack/plugins/ml/public/settings/scheduled_events/calendars_list/styles/main.less
[x] kibana/x-pack/plugins/ml/public/settings/scheduled_events/components/events_list/styles/main.less
[x] kibana/x-pack/plugins/ml/public/settings/scheduled_events/components/import_events_modal/styles/main.less
[x] kibana/x-pack/plugins/ml/public/settings/scheduled_events/components/new_event_modal/styles/main.less
[x] kibana/x-pack/plugins/ml/public/settings/scheduled_events/new_calendar/styles/main.less
[x] kibana/x-pack/plugins/ml/public/settings/styles/main.less
[x] kibana/x-pack/plugins/ml/public/styles/icons.less
[x] kibana/x-pack/plugins/ml/public/styles/main.less
[x] kibana/x-pack/plugins/ml/public/styles/ui-select.less
[x] kibana/x-pack/plugins/ml/public/timeseriesexplorer/forecasting_modal/styles/main.less
[x] kibana/x-pack/plugins/ml/public/timeseriesexplorer/styles/main.less
[x] kibana/x-pack/plugins/monitoring/public/less/base.less
[x] kibana/x-pack/plugins/monitoring/public/less/components/chart.less
[x] kibana/x-pack/plugins/monitoring/public/less/components/logstash/beta_icon.less
[x] kibana/x-pack/plugins/monitoring/public/less/components/logstash/pipeline_card_group.less
[x] kibana/x-pack/plugins/monitoring/public/less/components/logstash/pipeline_viewer.less
[x] kibana/x-pack/plugins/monitoring/public/less/components/no_data.less
[x] kibana/x-pack/plugins/monitoring/public/less/components/sparkline.less
[x] kibana/x-pack/plugins/monitoring/public/less/components/status_icon.less
[x] kibana/x-pack/plugins/monitoring/public/less/components/table.less
[x] kibana/x-pack/plugins/monitoring/public/less/directives/breadcrumb.less
[x] kibana/x-pack/plugins/monitoring/public/less/directives/chart.less
[x] kibana/x-pack/plugins/monitoring/public/less/directives/cluster_overview.less
[x] kibana/x-pack/plugins/monitoring/public/less/directives/shard_allocation.less
[x] kibana/x-pack/plugins/monitoring/public/less/directives/summary_status.less
[x] kibana/x-pack/plugins/monitoring/public/less/main.less
[x] kibana/x-pack/plugins/monitoring/public/less/views/alerts.less
[x] kibana/x-pack/plugins/monitoring/public/less/views/details.less
[x] kibana/x-pack/plugins/monitoring/public/less/views/license.less
[x] kibana/x-pack/plugins/reporting/public/directives/export_config/export_config.less
[x] kibana/x-pack/plugins/reporting/public/less/main.less
[x] kibana/x-pack/plugins/searchprofiler/public/less/main.less
[x] kibana/x-pack/plugins/security/public/views/account/account.less
[ ] kibana/x-pack/plugins/security/public/views/login/login.less there's a webpack config blocker here wrt loading background-image urls
[ ] kibana/x-pack/plugins/security/public/views/logged_out/logged_out.less there's a webpack config blocker here wrt loading background-image urls
[x] kibana/x-pack/plugins/security/public/views/logout/logout.less
[x] kibana/x-pack/plugins/security/public/views/management/index_privileges_form/index_privileges_form.less
[x] kibana/x-pack/plugins/security/public/views/management/management.less
[x] kibana/x-pack/plugins/watcher/public/components/action_type_select/action_type_select.less
[x] kibana/x-pack/plugins/watcher/public/components/chart_tooltip/chart_tooltip.less
[x] kibana/x-pack/plugins/watcher/public/components/duration_select/duration_select.less
[x] kibana/x-pack/plugins/watcher/public/components/expression_builder/components/expression_popover/expression_popover.less
[x] kibana/x-pack/plugins/watcher/public/components/flot_chart/flot_chart.less
[x] kibana/x-pack/plugins/watcher/public/components/index_select/index_select.less
[x] kibana/x-pack/plugins/watcher/public/components/json_editor/json_editor.less
[x] kibana/x-pack/plugins/watcher/public/components/panel_pager/panel_pager.less
[x] kibana/x-pack/plugins/watcher/public/components/threshold_preview_chart/threshold_preview_chart.less
[x] kibana/x-pack/plugins/watcher/public/components/threshold_watch_expression/threshold_watch_expression.less
[x] kibana/x-pack/plugins/watcher/public/components/watch_actions/components/watch_action/watch_action.less
[x] kibana/x-pack/plugins/watcher/public/components/watch_actions/watch_actions.less
[x] kibana/x-pack/plugins/watcher/public/components/watch_history_item_detail/watch_history_item_detail.less
[x] kibana/x-pack/plugins/watcher/public/sections/testbed/components/testbed/testbed.less
[x] kibana/x-pack/plugins/watcher/public/sections/watch_edit/components/threshold_watch_edit/threshold_watch_edit.less
[x] kibana/x-pack/plugins/watcher/public/sections/watch_edit/components/watch_edit_detail/watch_edit_detail.less
[x] kibana/x-pack/plugins/watcher/public/sections/watch_edit/components/watch_edit_execute_detail/watch_edit_execute_detail.less
[x] kibana/x-pack/plugins/watcher/public/sections/watch_edit/components/watch_edit_title_panel/watch_edit_title_panel.less
[x] kibana/x-pack/plugins/watcher/public/styles/watcher_ui.less
[x] kibana/x-pack/plugins/xpack_main/public/style/main.less

snide on 25 Jul 2018

Note ---DONE

We also need to remove any .LESS file references to removed files in here: https://github.com/elastic/kibana/blob/95edbcdfbf6d3358bd50d6802859966639c29c46/src/dev/precommit_hook/casing_check_config.js#L106

cchaos on 4 Oct 2018

🎉1

Closing this issue. Outside of some hanger on issues, it's complete and would be better served by smaller, clean up issues.

snide on 21 Jan 2019

🎉2

Was this page helpful?

0 / 5 - 0 ratings

Related issues

Discover carets are all different sizes

snide · 3Comments

Upgrade Assistant - Scripting settings - from 5.6 to 6.x

LukeMathWalker · 3Comments

Make default refresh interval an configurable property of a dashboard (like the time filter)

ynux · 3Comments

No 'currency' option for number field format in 4.1.1

bradvido · 3Comments

Very frustrating situation: fields not not shown

celesteking · 3Comments