4fd783d3f4
* Add http request volume table (#6765) * init http metrics page * remove flex-table-column * add http requests table * calculate percent change between each counter * start percent change tests * style request table * show percent more/less glyph * add percent more less tests * add inline alert about recorded metrics * make arrows diagonal * remove conditional inside countersWithChange * add better error msg * use tagName and wrapping element a la glimmer components * extend ClusterRouteBase so auth and seal checks happen * make table accessible * remove curlies * add HttpRequestsTable to storybook * make table accessible * use qunit dom for better assertions * remove EmptyState since we will never have 0 requests * ensure counters is set in test context * Http request volume/add barchart (#6814) * Add http request volume table (#6765) * init http metrics page * remove flex-table-column * add http requests table * calculate percent change between each counter * start percent change tests * style request table * show percent more/less glyph * add percent more less tests * add inline alert about recorded metrics * make arrows diagonal * remove conditional inside countersWithChange * add better error msg * use tagName and wrapping element a la glimmer components * extend ClusterRouteBase so auth and seal checks happen * make table accessible * remove curlies * add HttpRequestsTable to storybook * make table accessible * use qunit dom for better assertions * remove EmptyState since we will never have 0 requests * ensure counters is set in test context * add http-requests-bar-chart * add HttpRequestsBarChart tests * add HttpRequestsBarChart to Storybook * format total number of requests according to locale * do not show extra minus sign when percent change is negative * add link to request metrics in status bar menu * only show bar chart if we have data for more than 1 month * make ticks lighter * ensure charts show data for correct month * make example counters response look like the adapter response instead of the raw api response * ensure ui shows the same utc date as the api response * add format-utc tests * downgrade to d3 v4 to support ie11 * add gridlines * move dasharray to css * use scheduleOnce instead of debounce to prevent multiple re-renders * add key function to bars * add exit case when data is no longer in parsedCounters * fix timestamp in table test * fix timestamps * use utcParse and fallback to isoParse for non-UTC dates * fix bar chart tests
91 lines
2.7 KiB
SCSS
91 lines
2.7 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/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/switch';
|
|
@import './core/tables';
|
|
@import './core/tags';
|
|
@import './core/title';
|
|
|
|
// bulma additions
|
|
@import './core/layout';
|
|
@import './core/lists';
|
|
|
|
@import './components/auth-buttons';
|
|
@import './components/auth-form';
|
|
@import './components/b64-toggle';
|
|
@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/http-requests-table';
|
|
@import './components/http-requests-bar-chart';
|
|
@import './components/init-illustration';
|
|
@import './components/info-table-row';
|
|
@import './components/input-hint';
|
|
@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/namespace-picker';
|
|
@import './components/namespace-reminder';
|
|
@import './components/navigate-input';
|
|
@import './components/page-header';
|
|
@import './components/popup-menu';
|
|
@import './components/radial-progress';
|
|
@import './components/role-item';
|
|
@import './components/search-select';
|
|
@import './components/shamir-progress';
|
|
@import './components/sidebar';
|
|
@import './components/splash-page';
|
|
@import './components/status-menu';
|
|
@import './components/tabs';
|
|
@import './components/token-expire-warning';
|
|
@import './components/toolbar';
|
|
@import './components/tool-tip';
|
|
@import './components/unseal-warning';
|
|
@import './components/ui-wizard';
|
|
@import './components/vault-loading';
|
|
|
|
// bulma-free-zone
|
|
@import './components/hs-icon';
|