diff --git a/src/core_plugins/kbn_vislib_vis_types/public/controls/point_series/category_axis.html b/src/core_plugins/kbn_vislib_vis_types/public/controls/point_series/category_axis.html index 57f6e4db2fd4a..209cdb4cccbd3 100644 --- a/src/core_plugins/kbn_vislib_vis_types/public/controls/point_series/category_axis.html +++ b/src/core_plugins/kbn_vislib_vis_types/public/controls/point_series/category_axis.html @@ -1,19 +1,19 @@
- +
+
+ + + Category Axis + +
+
diff --git a/src/core_plugins/kbn_vislib_vis_types/public/controls/point_series/series.html b/src/core_plugins/kbn_vislib_vis_types/public/controls/point_series/series.html index e96dd6d9ebf98..7faccaf16c486 100644 --- a/src/core_plugins/kbn_vislib_vis_types/public/controls/point_series/series.html +++ b/src/core_plugins/kbn_vislib_vis_types/public/controls/point_series/series.html @@ -9,21 +9,21 @@ ng-repeat="chart in vis.params.chart.series" class="kuiSideBarSection" > - +
+
+ + + {{chart.data.label}} + +
+
diff --git a/src/core_plugins/kbn_vislib_vis_types/public/controls/point_series/value_axes.html b/src/core_plugins/kbn_vislib_vis_types/public/controls/point_series/value_axes.html index 2adb3be8acec3..4795aef913986 100644 --- a/src/core_plugins/kbn_vislib_vis_types/public/controls/point_series/value_axes.html +++ b/src/core_plugins/kbn_vislib_vis_types/public/controls/point_series/value_axes.html @@ -18,30 +18,31 @@ ng-repeat="axis in vis.params.valueAxes track by axis.id" class="kuiSideBarSection" > - - +
diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less index d8db360338f50..8fae85d30a66f 100644 --- a/src/ui/public/styles/base.less +++ b/src/ui/public/styles/base.less @@ -753,25 +753,24 @@ fieldset { } } -/** - * 1. Undo Bootstrap button styles. - */ .kuiSideBarCollapsibleTitle { + display: flex; + align-items: center; + justify-content: space-between; width: 100%; - text-align: left; - border: 0; // 1 - background-color: transparent; // 1 - padding: 0; // 1 margin-bottom: 4px; border-bottom: 1px solid #E8E8E8; } + .kuiSideBarCollapsibleTitle__label { + display: flex; + align-items: center; + } + /** * 1. Override FontAwesome .fa styles. */ .kuiSideBarCollapsibleTitle__caret { - display: inline-block; - vertical-align: middle; width: 12px; height: 12px; font-size: 12px !important; // 1 @@ -780,13 +779,25 @@ fieldset { } .kuiSideBarCollapsibleTitle__text { - display: inline-block; - vertical-align: middle; font-size: 12px; font-weight: 700; color: #5A5A5A; } + /** + * 1. Override Bootstrap button styles. + */ + .kuiSideBarCollapsibleTitle__action { + background-color: transparent; // 1 + padding: 0; // 1 + cursor: pointer; + color: #328CAA; + + &:hover { + color: #105A73; + } + } + .kuiSideBarCollapsibleSection { padding-left: 16px; }