open-vault/ui/app/styles/core.scss
claire bontempo c9eb55cc16
UI/bar chart horizontal (#12437)
* creates bar chart component

* WIP//starts styling

* fixes width of bars

* WIP//barchart

* uses d3 max method instead of Math.max

* stacks data

* adds y axis

* fixes styling and spacing

* adds spacing between bars

* styling DONE

* adds legend

* adds tooltip

* tweaks styling adds pointer cursor to rects

* fixes tooltip placement

* moves starget from bar to whole area

* finishes hover selection styling

* cleans up

* cleans up a tiny bit

* stopping point

* adjusts tooltip placemnt

* WIP//clean up time

* sort of not broken

* unbroken, ish

* tooltip position fixed

* truncates text and adds tooltip

* changes tooltip width depending on content

* unbroken

* finishes initial refactor/cleanup

* finishes documentation

* passes in map legend to component

* more tidying

* add export option

* adds grid to header for export button option

* updates comments

* fix variable name change

* moves dataset formatting to parent

* removes unused code"

* adds assertions and empty state if no data

* cleans up comments adds assertion to check for map legend

* adds storybook

* adds changelog

* deletes dummy parent:

* restores index.hbs

* uses scss variables instead

* exchanges more variables

* remove unused variable in storybook

* writes basic test

* removes pauseTest()
2021-09-07 12:54:33 -07:00

123 lines
3.9 KiB
SCSS

// Start with Structure & Bulma variables as a foundation
@import './utils/colors';
@import './utils/spacing';
@import 'bulma/sass/utilities/initial-variables';
// Override variables where appropriate
@import './utils/bulma_variables';
// Utils
@import './utils/mixins';
@import './utils/animations';
// Bring in the rest of Bulma
@import 'bulma/bulma';
@import 'bulma/switch';
// Override Bulma details where appropriate
@import './core/alert-banner';
@import './core/generic';
@import './core/box';
@import './core/breadcrumb';
@import './core/bulma-radio-checkboxes';
@import './core/buttons';
@import './core/footer';
@import './core/forms';
@import './core/helpers';
@import './core/hero';
@import './core/level';
@import './core/menu';
@import './core/message';
@import './core/navbar';
@import './core/notification';
@import './core/progress';
@import './core/select';
@import './core/switch';
@import './core/tables';
@import './core/tags';
@import './core/title';
@import './core/toggle';
// bulma additions
@import './core/layout';
@import './core/lists';
@import './components/auth-buttons';
@import './components/auth-form';
@import './components/b64-toggle';
@import './components/bar-chart';
@import './components/box-label';
@import './components/box-radio';
@import './components/codemirror';
@import './components/confirm';
@import './components/console-ui-panel';
@import './components/control-group';
@import './components/doc-link';
@import './components/empty-state';
@import './components/env-banner';
@import './components/features-selection';
@import './components/form-section';
@import './components/global-flash';
@import './components/hover-copy-button';
@import './components/init-illustration';
@import './components/info-table';
@import './components/info-table-row';
@import './components/input-hint';
@import './components/kmip-role-edit';
@import './components/known-secondaries-card.scss';
@import './components/license-banners';
@import './components/linkable-item';
@import './components/linked-block';
@import './components/list-item-row';
@import './components/list-pagination';
@import './components/loader';
@import './components/login-form';
@import './components/masked-input';
@import './components/modal';
@import './components/namespace-picker';
@import './components/namespace-reminder';
@import './components/navigate-input';
@import './components/page-header';
@import './components/popup-menu';
@import './components/pricing-metrics-dates';
@import './components/radio-card';
@import './components/radial-progress';
@import './components/raft-join';
@import './components/read-more';
@import './components/regex-validator';
@import './components/replication-dashboard';
@import './components/replication-doc-link';
@import './components/replication-header';
@import './components/replication-mode-summary';
@import './components/replication-page';
@import './components/replication-primary-card';
@import './components/replication-summary';
@import './components/role-item';
@import './components/search-select';
@import './components/selectable-card';
@import './components/selectable-card-container.scss';
// action-block extends selectable-card
@import './components/action-block.scss';
@import './components/shamir-modal-flow';
@import './components/shamir-progress';
@import './components/sidebar';
@import './components/splash-page';
@import './components/stat-text';
@import './components/status-menu';
@import './components/tabs';
@import './components/text-file';
@import './components/token-expire-warning';
@import './components/toolbar';
@import './components/tool-tip';
@import './components/transform-edit.scss';
@import './components/transit-card';
@import './components/ttl-picker2';
@import './components/unseal-warning';
@import './components/ui-wizard';
@import './components/vault-loading';
@import './components/vlt-radio';
@import './components/vlt-table';
// bulma-free-zone
@import './components/hs-icon';