Commit graph

42 commits

Author SHA1 Message Date
CJ Cenizal 2cc836880e Fix KuiButtonHeight at 30px. This prevents the button from collapsing if it only contains an icon. (#10938) 2017-03-29 13:35:13 -07:00
CJ Cenizal b604911720 [UI Framework] Create Button React components in UI Framework. (#10646)
* Create KuiButton, KuiLinkButton, KuiSubmitButton, and KuiButtonIcon React components in UI Framework.
* Add Jest test coverage for UI Framework, generate report in ui_framework/jest/report.
* Add UI Framework to linting task.
* Update UI Framework README with instructions on creating and testing React components.
* Add both React and HTML examples.
* Add UI Framework Jest tests to npm test script. Create separate scripts for watching and generating coverage reports.
* Fix appearance of kuiButtons with icons throughout Kibana, by adding a flexbox wrapper.
* Improve accessibility of kuiButtonIcon.
* Remove disabled attribute from KuiLinkButton.
* Remove kuiButton-isDisabled class from KuiButton and KuiSubmitButton.
2017-03-29 13:25:43 -07:00
CJ Cenizal b51833bab6 Add kuiLocalTab-isDisabled state. (#10830)
* Add kuiLocalTab-isDisabled state.

* Update Management header to use kuiLocalTab-isDisabled class.
2017-03-24 10:39:15 -07:00
Stacey Gammon 1914d159a5 Remove reference to .jsx files in the readme 2017-03-22 15:41:45 -04:00
CJ Cenizal 3e5352574f [UI Framework] Add Label, SearchInput, and FieldGroup components. (#10713)
* Add SearchInput and FieldGroup components.
2017-03-17 15:46:44 -07:00
CJ Cenizal 23ac54d915 [UI Framework] Move Badge, Card, Column, and Notice components from base.less into UI Framework. (#10777)
* Move Badge, Card, Column, and Notice components from base.less into UI Framework.
* Add deprecation comment to Column page.
2017-03-16 16:16:14 -07:00
CJ Cenizal 9902513788 Fix background-color hover bug with Basic Button in ToolBar. (#10772) 2017-03-15 14:37:34 -07:00
CJ Cenizal 5b4276c94e [UI Framework] Close Code Viewer when you navigate to a new example. (#10601)
* Show title in CodeViewer.
* Remove unused cases from CodeViewerReducer.
* Close code viewer when the user navigates to a new example page.
2017-03-01 11:02:30 -08:00
CJ Cenizal 9796832857 Fix bug with MenuButton hover state inheriting Bootstrap styles. (#10579) 2017-03-01 07:52:58 -08:00
CJ Cenizal e85a38e15d [UI Framework] Add ToggleButton component and add example of expanded row to Table example (#10623)
* Add ToggleButton component and add example of expanded row to Table example.
2017-02-28 16:04:12 -08:00
CJ Cenizal b5180a01dc Force kuiLink to have cursor pointer, even if there's no href. (#10625) 2017-02-28 16:01:09 -08:00
CJ Cenizal b3805f7f78 [UI Framework] Refine Tab focused and selected states. (#10560)
* Refine Tab focused state.
* Open up bottom border of selected Tab.
* Remove focus outline when a Tab is selected or active.
* Override Bootstrap styles that affect Tabs.
2017-02-27 15:24:02 -08:00
CJ Cenizal c2f9ff23b4 Add support for content on both the left and right sides of PanelHeaders. (#10578) 2017-02-24 21:09:09 -08:00
CJ Cenizal 76d1a463b8 Add example of Table with MenuButtons. (#10554) 2017-02-23 15:19:14 -08:00
CJ Cenizal 1cf8277e1b Add Fluid Table component. (#10516) 2017-02-23 12:34:59 -08:00
CJ Cenizal dd640d7c99 Add EventsSandbox and HeaderBarSandbox examples. (#10544)
[UI Framework] Add EventsSandbox and HeaderBarSandbox examples.
2017-02-23 11:38:44 -08:00
CJ Cenizal 743f8c0590 [UI Framework] Add View component. Add support for full-screen examples. (#10454)
* Move kuiView into UI Framework. Add View example. Add support for full-screen examples.

* Organize nav items by components and sandboxes.
2017-02-23 08:53:52 -08:00
CJ Cenizal e570afcca8 Migrate from a handrolled interface for building examples to using React Components directly. (#10259)
* Migrate from a handrolled interface for building examples to using React Components directly.
* Wrap components with containers instead of passing down state and actions via context.
2017-02-17 16:13:39 -08:00
CJ Cenizal bfadc5e772 Adjust Table component styles and markup to maintain fixed column widths, regardless of cell content. (#10378)
* Adjust Table component styles and markup to maintain fixed column widths, regardless of cell content.
- Fix ellipsis-truncation of text in IE11 and Edge.
- Update Visualize landing table markup.

* Update Dashboard landing table and Saved Objects table with cell liner markup.
2017-02-16 08:45:18 -08:00
CJ Cenizal 408a2e6506 Fix Safari bug: Safari ignores :enabled pseudo class, preventing button active and hover states from taking effect. (#10369) 2017-02-16 08:16:46 -08:00
CJ Cenizal 9b447c53c1 Fix position of button tooltips in the Dashboard and Visualize listing tables. (#10358)
* Fix position of button tooltips in the Dashboard and Visualize listing tables.

* Remove redundant CSS from ToolBarSearch.
2017-02-15 08:29:49 -08:00
CJ Cenizal 9a3a78b884 Fix CheckBox and ToolBarSearchBox icon positioning. (#10356)
* Fix CheckBox alignment by applying box-sizing: border-box to all before and after pseudo-elements.

* Fix ToolBarSearchBox height and icon alignment.

* Make Table examples consistently use the cell liner.
2017-02-15 08:19:19 -08:00
CJ Cenizal 2563d88969 Remove dependency on kibana-ui-framework repo. (#10281) 2017-02-13 10:42:16 -08:00
CJ Cenizal a5705f8dd0 Add landing page with table to Visualize app. (#9605)
* Refactor Visualize Wizard to use explicit controller names, instead of defining them dynamically.
* Add landing page with table to Visualize app.
* Update Visualize wizard UI.
* Add kuiIcon--basic and support icons in Table component. Display icons in Visualize landing page.
* Refactor Visualize Wizard templates to use import syntax.
* Set kuiViewContent width to 100% to avoid it shrink wrapping its content.
* Move ToolBar buttons to the right side. Remove labels and add tooltips.
* Remove unused Visualize load menu template.
* Disable timepicker in Visualization listing.
* Change Visualize route names. Add omitPages attribute to breadcrumbs directive. Make Visualize breadcrumbs into links.
* Remove Open and New menu buttons from Visualize.
* Add ConfirmationModal for deleting visualizations.
* Implement sorting for name and type columns in Visualize listing.
* Refactor Visualize routes into VisualizeConstants file. Fix functional tests.
* Add pager_controls directive and pager service. Add pagination to Dashboard and Visualize landing pages. Change Dashboard listing to use hrefs for each dashboard.
* Use ng-if instead of ng-hide to hide/reveal Table action buttons in Dashboard listing.
* Redirect from old Visualize wizard routes to new ones.
* Use ViewContent and Title components in Visualize wizard.
* Fix Visualize and Dashboard listing table logic so that selection only applies to the current page of items.
* Paging clears the selection.
* Searching clears the selection.
* Sorting clears the selection.
* Use consistent "Create" terminology in both Visualize and Dashboard for creating new items.
* Use NoItems and PromptForItems components in Visualize listing view.
* Use $injector to inject dependencies in Visualize and Dashboard listing.
2017-02-06 14:41:21 -08:00
CJ Cenizal 416760aa85 Add support for Panel with and without a PanelHeader. (#10112) 2017-01-30 17:27:05 -08:00
CJ Cenizal 49192e5980 Add ActionItem and MenuButton components. (#10113) 2017-01-30 17:19:12 -08:00
CJ Cenizal 0972f2deff [UI Framework] Add Icon and InfoPanel types. (#10056)
* Add inactive and info Icons.

* Add info, success, and warning InfoPanels. Change background-color to white and use a colored border instead.

* Update Saved Object Management view to use new InfoPanel styles.

* Address Shaunak's feedback.
2017-01-28 17:39:47 -08:00
CJ Cenizal 7ff2b710f5 [UI Framework] Add HeaderBar, StatusText, Menu, Text, and Event components. (#10075)
* Add HeaderBar component.
* Add StatusText component.
* Add Menu, Text, and Event components.
2017-01-27 15:57:27 -08:00
CJ Cenizal d41b31db4d Override Bootstrap styles that are inherited by CheckBox component. (#10067) 2017-01-25 10:13:29 -08:00
CJ Cenizal f59328be43 Add Title and SubTitle components. (#10052) 2017-01-24 17:29:02 -08:00
CJ Cenizal 949d2aac65 [UI Framework] Use box-shadow to create outlines in Button and CheckBox focus state (#10044)
* Use box-shadow instead of outline to create focused states for Button and CheckBox.

* Fix hover state of Hollow Button in Timelion.
2017-01-24 12:06:14 -08:00
CJ Cenizal 5bb6161ebd Document TextArea and StaticInput components. (#10032)
* Document TextArea component and remove classes from base.less.
* Move StaticInput component into the UI Framework and remove classes from base.less.
* Remove kuiInput class by merging it into kuiSideBarInput class.
* Improve VerticalRhythm documentation.
2017-01-24 08:32:46 -08:00
CJ Cenizal 7ef480fe89 Document VerticalRhythm component. (#10030) 2017-01-23 17:23:36 -08:00
CJ Cenizal fe8c4b69eb Add panel header to Panel component. Add example. (#10028) 2017-01-23 16:48:30 -08:00
CJ Cenizal 06ee537391 Add PromptForItems component. (#10016) 2017-01-23 12:14:17 -08:00
CJ Cenizal 741c053768 Refine kuiStaticInput, Bar, and Button components. (#9917)
* Override Bootstrap link styles in Button component. Give kuiStaticInput a transparent background.

* Fix incorrect markup in MicroButton examples.

* Give Bar component a min height of 30px so it has a consistent height even when it has shorter children.

* Remove kuiSubHeader class. Migrate Saved Objects to use Bar component instead.
2017-01-18 15:01:05 -08:00
CJ Cenizal fa1166b11a Fix IE11 bugs with Table and ToolBar. (#9928)
- Make table-layout use the default, instead of fixed.
- Fix flexbox bug with ToolBar.
- Update ui_framework task to serve on port 8020.
- Add babel-core/polyfill to UI Framework docs site.
2017-01-18 14:04:35 -08:00
CJ Cenizal 66296618b3 ToolBar improvements, add Select and Bar components. (#9862)
* Add Bar component.
* Create modifier for a ToolBar with just Search.
* Add Select component.
* Fix focus state of ToolBarSearch.
* Add Select to ToolBar.
* Rename onReverseBackground mixin to onStandoutBackground.
2017-01-17 13:16:49 -08:00
Peter Pisljar 7989c992ab fix ui framework filenames (#9907)
* updating filenames

* updating imports
2017-01-17 20:17:05 +01:00
CJ Cenizal 5debe6add8 Add Modal, ModalOverlay, and Hollow Button components. (#9873)
* Add Modal and Hollow Button components.
* Add error-checking for missing elements for the UI Framework examples that use JS.
2017-01-15 13:49:27 -08:00
CJ Cenizal 84662fdac8 Make Table rows have 1px borders. Lighten Table header color for increased contrast with row color. (#9864) 2017-01-13 11:57:51 -08:00
Tyler Smalley e6669ee19d Remove libsass as a dependency (#9803)
Remove libsass as a dependency

libsass is platform specific, therefore we can not ship it as a dependency. Instead, we will commit the compiled CSS for the UI Framework to the repository. This is updated when running `npm run uiFramework:start` which also starts the docs site.

Signed-off-by: Tyler Smalley <tyler.smalley@elastic.co>
2017-01-09 20:27:54 -08:00