From 876ae24639d8e742a0e419e56ccb11615d004205 Mon Sep 17 00:00:00 2001 From: Dave Snider Date: Thu, 30 Nov 2017 15:05:59 -0800 Subject: [PATCH 01/10] bunch of css reset fixes / cleanup --- .../console/public/src/directives/help.html | 66 ++++++++--------- .../public/src/directives/welcome.html | 70 ++++++++++--------- .../kibana/public/dashboard/styles/index.less | 2 +- .../dev_tools/partials/dev_tools_app.html | 6 +- .../kibana/public/management/landing.html | 2 +- .../edit_index_pattern.html | 2 +- .../management/sections/indices/index.html | 14 ++-- .../management/sections/objects/_objects.html | 12 ++-- .../public/vis/editors/default/agg_add.html | 1 + .../vis/editors/default/agg_select.html | 1 + 10 files changed, 94 insertions(+), 82 deletions(-) diff --git a/src/core_plugins/console/public/src/directives/help.html b/src/core_plugins/console/public/src/directives/help.html index 5fbb645b095e8..1f63e73bfc9db 100644 --- a/src/core_plugins/console/public/src/directives/help.html +++ b/src/core_plugins/console/public/src/directives/help.html @@ -1,40 +1,40 @@ -

Help

+

Help

- - -
+
+ +
+
+
+

Request format

+
You can type one or more requests in the white editor. Console understands requests in a compact format:
- - -
-
-
-
General editing
-
Ctrl/Cmd + I
-
Auto indent current request
-
Ctrl + Space
-
Open Auto complete (even if not typing)
-
Ctrl/Cmd + Enter
-
Submit request
-
Ctrl/Cmd + Up/Down
-
Jump to the previous/next request start or end.
-
Ctrl/Cmd + Alt + L
-
Collapse/expand current scope.
-
Ctrl/Cmd + Option + 0
-
Collapse all scopes but the current one. Expand by adding a shift.
+
+

Keyboard commands

+
+
+
Ctrl/Cmd + I
+
Auto indent current request
+
Ctrl + Space
+
Open Auto complete (even if not typing)
+
Ctrl/Cmd + Enter
+
Submit request
+
Ctrl/Cmd + Up/Down
+
Jump to the previous/next request start or end.
+
Ctrl/Cmd + Alt + L
+
Collapse/expand current scope.
+
Ctrl/Cmd + Option + 0
+
Collapse all scopes but the current one. Expand by adding a shift.
-
-
-
When auto-complete is visible
-
Down arrow
-
Switch focus to auto-complete menu. Use arrows to further select a term
-
Enter/Tab
-
Select the currently selected or the top most term in auto-complete menu
-
Esc
-
Close auto-complete menu
+
+
Down arrow
+
Switch focus to auto-complete menu. Use arrows to further select a term
+
Enter/Tab
+
Select the currently selected or the top most term in auto-complete menu
+
Esc
+
Close auto-complete menu
- - +
+
diff --git a/src/core_plugins/console/public/src/directives/welcome.html b/src/core_plugins/console/public/src/directives/welcome.html index ed612655eddc2..bad5efa578ca0 100644 --- a/src/core_plugins/console/public/src/directives/welcome.html +++ b/src/core_plugins/console/public/src/directives/welcome.html @@ -1,33 +1,37 @@ -

Welcome to Console

- -

Quick intro to the UI

- -

The Console UI is split into two panes: an editor pane (left) and a response pane (right). - Use the editor to type requests and submit them to Elasticsearch. The results will be displayed in - the response pane on the right side. -

- -

Console understands requests in a compact format, similar to cURL: - - -

While typing a request, Console will make suggestions which you can then accept by hitting Enter/Tab. - These suggestions are made based on the request structure as well as your indices and types. -

- -

A few quick tips, while I have your attention

-
    -
  • Submit requests to ES using the green triangle button.
    • -
  • Use the wrench menu for other useful things.
    • -
  • You can paste requests in cURL format and they will be translated to the Console syntax.
    • -
  • You can resize the editor and output panes by dragging the separator between them.
    • -
  • Study the keyboard shortcuts under the Help button. Good stuff in there!
    • -
- - +
+ +

Welcome to Console

+ +

Quick intro to the UI

+ +

The Console UI is split into two panes: an editor pane (left) and a response pane (right). + Use the editor to type requests and submit them to Elasticsearch. The results will be displayed in + the response pane on the right side. +

+ +

Console understands requests in a compact format, similar to cURL: + + +

While typing a request, Console will make suggestions which you can then accept by hitting Enter/Tab. + These suggestions are made based on the request structure as well as your indices and types. +

+ +

A few quick tips, while I have your attention

+
    +
  • Submit requests to ES using the green triangle button.
    • +
  • Use the wrench menu for other useful things.
    • +
  • You can paste requests in cURL format and they will be translated to the Console syntax.
    • +
  • You can resize the editor and output panes by dragging the separator between them.
    • +
  • Study the keyboard shortcuts under the Help button. Good stuff in there!
    • +
+ + + +
diff --git a/src/core_plugins/kibana/public/dashboard/styles/index.less b/src/core_plugins/kibana/public/dashboard/styles/index.less index 651d28f89eb27..6f848d07d60a9 100644 --- a/src/core_plugins/kibana/public/dashboard/styles/index.less +++ b/src/core_plugins/kibana/public/dashboard/styles/index.less @@ -117,7 +117,7 @@ .start-screen { margin: 20px auto; max-width: 800px; - background: tint(@globalColorBlue, 90%); + background: #FFF; padding: 40px; border-radius: 4px; } diff --git a/src/core_plugins/kibana/public/dev_tools/partials/dev_tools_app.html b/src/core_plugins/kibana/public/dev_tools/partials/dev_tools_app.html index 9306852c1441c..bca9a7cc1fd1d 100644 --- a/src/core_plugins/kibana/public/dev_tools/partials/dev_tools_app.html +++ b/src/core_plugins/kibana/public/dev_tools/partials/dev_tools_app.html @@ -9,13 +9,13 @@ > -
+
{{::item.display}} diff --git a/src/core_plugins/kibana/public/management/landing.html b/src/core_plugins/kibana/public/management/landing.html index ee7e1c3266872..8b6e215e92ff4 100644 --- a/src/core_plugins/kibana/public/management/landing.html +++ b/src/core_plugins/kibana/public/management/landing.html @@ -32,7 +32,7 @@ > + Mapping API diff --git a/src/core_plugins/kibana/public/management/sections/indices/index.html b/src/core_plugins/kibana/public/management/sections/indices/index.html index 457e51ce6dba5..eb5a2449871e8 100644 --- a/src/core_plugins/kibana/public/management/sections/indices/index.html +++ b/src/core_plugins/kibana/public/management/sections/indices/index.html @@ -1,6 +1,6 @@
-
+
class="sidebar-item" >
- Warning -

- No default index pattern. You must select or create one to continue. -

+
+
Warning
+

+ No default index pattern. You must select or create one to continue. +

+
@@ -29,7 +31,7 @@
ng-repeat="pattern in indexPatternList | orderBy:['-default','title'] track by pattern.id" class="sidebar-item" > - +
diff --git a/src/core_plugins/kibana/public/management/sections/objects/_objects.html b/src/core_plugins/kibana/public/management/sections/objects/_objects.html index c3f7114b6aa7f..2270e5c83f151 100644 --- a/src/core_plugins/kibana/public/management/sections/objects/_objects.html +++ b/src/core_plugins/kibana/public/management/sections/objects/_objects.html @@ -3,7 +3,7 @@
-

+

Edit Saved Objects

@@ -38,9 +38,13 @@

-

- From here you can delete saved objects, such as saved searches. You can also edit the raw data of saved objects. Typically objects are only modified via their associated application, which is probably what you should use instead of this screen. Each tab is limited to 100 results. You can use the filter to find objects not in the default list. -

+
+

+ From here you can delete saved objects, such as saved searches. You can also edit the raw data of saved objects. Typically objects are only modified via their associated application, which is probably what you should use instead of this screen. Each tab is limited to 100 results. You can use the filter to find objects not in the default list. +

+
+ +
diff --git a/src/ui/public/vis/editors/default/agg_add.html b/src/ui/public/vis/editors/default/agg_add.html index 2609a71dda72c..29a26b0103989 100644 --- a/src/ui/public/vis/editors/default/agg_add.html +++ b/src/ui/public/vis/editors/default/agg_add.html @@ -1,5 +1,6 @@
+