status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
consul/ui/packages/consul-ui/app/styles/components.scss

84 lines
3.2 KiB
SCSS
Raw Normal View History

ui: Use top-level 'named index files' instead of in folder index files (#8274) * Remove unused phrase-editor CSS * Move index.scss files to top-level named files to make them more obvious
2020-07-09 13:51:08 +00:00
@import './base/components/index';
ui: Loader amends/improvements (#10181) * ui: Loader amends/improvements 1. Create a JS compatible template only 'glimmer' component so we can use it with or without glimmer. 2. Add a set of `rose` colors. 3. Animate the brand loader to keep it centered when the side navigation appears. 4. Tweak the color of Consul::Loader to use a 'rose' color. 5. Move everything loader related to the `app/components/` folder and add docs.
2021-05-07 11:23:29 +00:00
@import 'ember-power-select';
ui: Use top-level 'named index files' instead of in folder index files (#8274) * Remove unused phrase-editor CSS * Move index.scss files to top-level named files to make them more obvious
2020-07-09 13:51:08 +00:00
/**/
@import './components/card/index';
ui: Various CSS amends (#8708) * ui: Various CSS amends 1. Split out %icon-definition from %composite-row 2. Add hover effect to node listing 3. Fix up proxy level list components 4. Rename our various pills to use a 100-900 scale 5. Reogranize other icon related things (consul-kind and consul-external-source) * Fix up upstream test
2020-09-22 17:20:44 +00:00
@import './components/list-row/index';
@import './components/expanded-single-select/index';
@import './components/icon-definition';
ui: Use top-level 'named index files' instead of in folder index files (#8274) * Remove unused phrase-editor CSS * Move index.scss files to top-level named files to make them more obvious
2020-07-09 13:51:08 +00:00
@import './components/form-elements';
@import './components/breadcrumbs';
@import './components/anchors';
@import './components/progress';
@import './components/buttons';
@import './components/composite-row';
@import './components/secret-button';
@import './components/pill';
@import './components/table';
@import './components/tag-list';
@import './components/flash-message';
@import './components/code-editor';
@import './components/confirmation-dialog';
@import './components/auth-form';
@import './components/auth-modal';
@import './components/oidc-select';
@import './components/empty-state';
@import './components/tabular-details';
@import './components/tabular-collection';
@import './components/popover-select';
@import './components/tooltip-panel';
@import './components/menu-panel';
@import './components/more-popover-menu';
@import './components/definition-table';
ui: Read-only CRD/Centralized Config Intentions (#8659)
2020-09-18 10:14:06 +00:00
@import './components/radio-card';
ui: Auth Methods - Create Binding Rules tab (#9914) * Create BindingRule adapter and tests * Create BindingRule serializer and test * Create BindingRule model and repository * Add binding-rules mock data * Create binding-rules router and call endpoint * Create Binding rules tab * Create and use BindingView component * Create empty state for BindingView * Remove binding rule requestForQueryRecord endpoint and tests * Update binding rules selector to be monospaced * Add bind type tooltip * Create and Tabular-dl styling component * Update hr tag global styling * Rename BindingView to BindingList and refactor * Add translations for bind types tooltip info * Remove unused endpoint * Refactor based on review notes
2021-03-26 15:47:47 +00:00
@import './components/tabular-dl';
ui: Use top-level 'named index files' instead of in folder index files (#8274) * Remove unused phrase-editor CSS * Move index.scss files to top-level named files to make them more obvious
2020-07-09 13:51:08 +00:00
ui: Add docs for AppView (#10265) * ui: change coloring of secondary navigation elements * Remove top border, this was probably from older designs/iterations * ui: Move app-view styles into components also... 1. Remove dead %app-view-content-error 2. Remove TabNav border overwriting * Bring into line with our 'project standard' class/attributes pattern * Add docs for AppView
2021-05-24 11:32:23 +00:00
@import 'consul-ui/components/app-view';
ui: Loader amends/improvements (#10181) * ui: Loader amends/improvements 1. Create a JS compatible template only 'glimmer' component so we can use it with or without glimmer. 2. Add a set of `rose` colors. 3. Animate the brand loader to keep it centered when the side navigation appears. 4. Tweak the color of Consul::Loader to use a 'rose' color. 5. Move everything loader related to the `app/components/` folder and add docs.
2021-05-07 11:23:29 +00:00
@import 'consul-ui/components/brand-loader';
ui: Sidebar navigation / redesign (#9553) * CSS for moving from a horizontal main menu to a side/vertical one * Add <App /> Component and rearrange <HashcorpConsul /> to use it 1. HashicorpConsul now uses <App /> 2. <App /> is now translated and adds 'skip to main content' functionality 3. Adds ember-in-viewport addon in order to visibly hide main navigation items in order to take them out of focus/tabbing 4. Slight amends to the dom service while I was there
2021-01-26 17:40:33 +00:00
@import 'consul-ui/components/skip-links';
@import 'consul-ui/components/app';
/* app chrome */
@import 'consul-ui/components/main-header-horizontal';
@import 'consul-ui/components/main-nav-horizontal';
@import 'consul-ui/components/main-nav-vertical';
@import 'consul-ui/components/hashicorp-consul';
/**/
@import 'consul-ui/components/menu-panel';
ui: Add information regarding Host header for ingress gateways (#10050) * Add inline-code CSS component * Add %inline-code to all the places where we need it * Inject selected env variables into the translations file * Add ingress gateway upstream 'host header' intro text * Make sure we can use actual correct component casing for titles but still have nice consistent menu item casing in the side nav
2021-04-22 11:16:56 +00:00
@import 'consul-ui/components/inline-code';
ui: New overlays (#9305) Replaces ember-popover with tippy.js based overlay modifier.
2020-12-02 09:43:34 +00:00
@import 'consul-ui/components/overlay';
ui: Modifier based tooltips (#9288)
2020-11-30 16:52:13 +00:00
@import 'consul-ui/components/tooltip';
ui: Upgrade the rest of the UI to use the new Notice component (#9035)
2020-10-26 16:51:53 +00:00
@import 'consul-ui/components/notice';
ui: Intention "Action change" warning modal (#9108) * ui: Add a warning dialog if you go to remove permissions from an intention * ui: Move modal styles next to component, add warning style * ui: Move back to using the input name for a selector * ui: Fixup negative "isn't" step so its optional * Add warning modal to pageobject * Fixup test for whether to show the warning modal or not * Intention change action warning acceptence test * Add a null/undefined Action
2020-11-06 14:57:19 +00:00
@import 'consul-ui/components/modal-dialog';
ui: Adds ability to show a 'partial' list in list-collections (#10174) * ui: Add support for showing partial lists in ListCollection * Add CSS for partial 'View more' button, and move all CSS to /components * Enable partial view for intention permissions
2021-05-07 15:54:45 +00:00
@import 'consul-ui/components/list-collection';
ui: Add 'Search Across' for finer grained searching (#9282)
2020-12-01 15:45:09 +00:00
@import 'consul-ui/components/filter-bar';
@import 'consul-ui/components/freetext-filter';
ui: New overlays (#9305) Replaces ember-popover with tippy.js based overlay modifier.
2020-12-02 09:43:34 +00:00
@import 'consul-ui/components/informed-action';
ui: Reorganize Tabs CSS (#9313)
2020-12-02 15:48:06 +00:00
@import 'consul-ui/components/tab-nav';
ui: Search/filtering 'Filtered by:' search status (#9442) Adds a 'status' for the filtering/searching in the UI, without this its not super clear that you are filtering a recordset due to the menu selections being hidden once closed. You can also use the pills in this status view to delete individual filters.
2021-01-25 18:13:54 +00:00
@import 'consul-ui/components/search-bar';
ui: Create auth-method show page with General Info Tab (#9845) * Update list items to be linkable to auth-methods show * Add general, namespace, and binding sub-routes * Remove namespace and binding tabs to be done separately * Update auth-method byId endpoint * Style the show auth-method kubernetes type * Finish Kubernetes auth-method type styling * OIDC and JWT auth-method styling * Create consul-auth-method-view component * Add navigation test for auth-methods * Create Certificate component
2021-03-17 14:40:56 +00:00
@import 'consul-ui/components/certificate';
ui: Centralized Config Intention Permission CRUD (#8762)
2020-09-30 11:33:01 +00:00
ui: Loader amends/improvements (#10181) * ui: Loader amends/improvements 1. Create a JS compatible template only 'glimmer' component so we can use it with or without glimmer. 2. Add a set of `rose` colors. 3. Animate the brand loader to keep it centered when the side navigation appears. 4. Tweak the color of Consul::Loader to use a 'rose' color. 5. Move everything loader related to the `app/components/` folder and add docs.
2021-05-07 11:23:29 +00:00
@import 'consul-ui/components/consul/loader';
ui: Refactor tomography graph component to glimmer and remove deprecation (#9219) * ui: Refactor tomograph graph component to glimmer and remove deprecation * Avoid ember-data deprecation error
2020-11-18 18:55:59 +00:00
@import 'consul-ui/components/consul/tomography/graph';
ui: Move discovery chain component (#9154)
2020-11-11 14:43:37 +00:00
@import 'consul-ui/components/consul/discovery-chain';
ui: Upstream Instance Search and Sort (#9172) * ui: Add predicate, comparator and necessary files for the search/sort * Implement search and sort for upstream instance list * ui: Tweak CSS so its all part of the component * Remove the old proxy test attribute
2020-11-12 18:45:11 +00:00
@import 'consul-ui/components/consul/upstream-instance/list';
ui: Moves healthcheck list to Glimmer template-only consul component (#9293)
2020-11-30 17:22:43 +00:00
@import 'consul-ui/components/consul/health-check/list';
ui: Move to a nested folder structure for Consul prefixed components (#8937) * ui: Move all consul-* components to nested consul/* components * Move tomography-graph * Remove old basic rendering tests
2020-10-14 08:03:39 +00:00
@import 'consul-ui/components/consul/exposed-path/list';
@import 'consul-ui/components/consul/external-source';
@import 'consul-ui/components/consul/kind';
ui: Change text around L7 permissions to app aware (#8963) ...also as a consequence of this we also moved around some of the CSS
2020-10-19 14:45:50 +00:00
@import 'consul-ui/components/consul/intention';
ui: Miscellaneous Lock Session fixes (#10225)
2021-05-19 10:05:54 +00:00
@import 'consul-ui/components/consul/lock-session/list';
ui: Accessibility scan improvements (#9485) * ui: Remove all vestiges of role=tabpanel * Switch out tablist role for a label, default to Secondary * Move healthcheckout-output headers to h2, ideally these would be outside the component * Add aria-label for empty button * Fix up non-unique ids in topology component * Temporarily fixup h2 in KV > LockSession * Fixup dl with no dt * h3 > h2 * Fix up page objects that were reliant on ids
2021-01-05 10:05:59 +00:00
@import 'consul-ui/components/consul/lock-session/form';
ui: Auth Methods List view (#9617) * Create mock-api endpoints for auth-methods * Implement auth-method endpoints and model with tests * Create route and tab for auth-methods * Create auth-method list and type components with styles * Add JWT and OIDC svg logos to codebase * Add brand translations * Add SearchBar to Auth Methods * Add acceptance test for Auth Methods UI * Skip auth method repo test * Changes from review notes * Fixup auth-method modela and mock-data * Update SearhBar with rebased changes * Add filterBy source and sortBy max token ttl * Update to SortBy MethodName * Update UI acceptance tests * Update mock data DisplayNames * Skip repo test * Fix to breaking serializer test * Implement auth-method endpoints and model with tests * Add acceptance test for Auth Methods UI * Update SearhBar with rebased changes * Add filterBy source and sortBy max token ttl * Update to SortBy MethodName * Update UI acceptance tests * Update mock data DisplayNames * Fix to breaking serializer test * Update class for search * Add auth-methods link to sidebar * Fixup PR review notes * Fixup review notes * Only show OIDC filter with enterprise * Update conditionals for MaxTokenTTL & TokenLocality * Refactor
2021-02-17 18:56:56 +00:00
@import 'consul-ui/components/consul/auth-method';
ui: Upstream Instance Search and Sort (#9172) * ui: Add predicate, comparator and necessary files for the search/sort * Implement search and sort for upstream instance list * ui: Tweak CSS so its all part of the component * Remove the old proxy test attribute
2020-11-12 18:45:11 +00:00
ui: Outlet Loading (#8779) Moves all Route/model hook loading to use Outlet components which listen on route change.
2020-10-01 08:33:22 +00:00
@import 'consul-ui/components/role-selector';
ui: Create and use collapsible notices component (#10270) * Create and use collapsible notices * Refactor collapsible-notices * Split up the topology acceptance tests * Add acceptance tests for tproxy notices * Add component file * Adds additional TProxy notices tests * Adds conditional to only show collapsable if more than 2 notices are present * Adds changelog * Refactorting the conditonal for collapsing the notices * Renaming undefinedIntention to be notDefinedIntention * Refactor tests
2021-05-25 15:02:38 +00:00
@import 'consul-ui/components/collapsible-notices';
ui: Service Mesh - Topology tab and basic layout (#8788) * Create Topology Tab with foundational layout and styling * Create Toplogy Metrics component with dynamic SVG * Add ember-render-modifiers addon * Implement Topology Metrics comp and fix up styling * Create topology endpoint with tests * Move arrow drawing to index.js file * Add topology to show controller * Fix up conditional wrapper, tabs positioning, links, and styling * Group upstreams by dc and fix up styling * Create service/health-percentage helper * Add health check percentages to upstreams and downstreams * Basic Layout * Upgrade @hashicorp/consul-api-double to v5.2.3 * Renamed endpoint to be service-topology * Refactor styling * Update to only show Topology tab when Connect is enabled * Fix bug and changes from review notes * Remove unused functions that are replaced with SVG markers * Refactor to resuse svg-curve helper * Use the render-template helper for the metrics link * Add topology default null to services show route * Removed unused ID * Fix up tests broken by redirect to /topology
2020-10-05 17:07:35 +00:00
@import 'consul-ui/components/topology-metrics';
Create Topology Metrics Source Type to be in each Card
2021-04-08 19:15:19 +00:00
@import 'consul-ui/components/topology-metrics/card';
@import 'consul-ui/components/topology-metrics/source-type';
ui: Topology Intentions Popovers (#9137) * Refactor grid styling for Topology page * Crate TopologyMetrics Button component and move styling * Create intention ID * fixup button styling * Return a link to the create intention page * Rename Button to Popover component * Fixup serializer test * ui: Inline Topology Intention Actions (#9153) * Add arrow and dot to/from metrics back in * Add addional space to have metrics wrap and show in smaller screens * Move logic for finding positioning * Use color variables Co-authored-by: John Cowen <johncowen@users.noreply.github.com>
2020-11-12 15:40:15 +00:00
@import 'consul-ui/components/topology-metrics/popover';
Add metrics rendering to the new topology view. (#8858) * Remove unused StatsCard component * Create Card and Stats contextual components with styling * Send endpoint, item, and protocol to Stats as props * WIP basic plumbing for metrics in Ember * WIP metrics data source now works for different protocols and produces reasonable mock responses * WIP sparkline component * Mostly working metrics and graphs in topology * Fix date in tooltip to actually be correct * Clean up console.log * Add loading frame and create a style sheet for Stats * Various polish fixes: - Loading state for graph - Added fake latency cookie value to test loading - If metrics provider has no series/stats for the service show something that doesn't look broken - Graph hover works right to the edge now - Stats boxes now wrap so they are either shown or not as will fit not cut off - Graph resizes when browser window size changes - Some tweaks to number formats and stat metrics to make them more compact/useful * Thread Protocol through topology model correctly * Rebuild assetfs * Fix failing tests and remove stats-card now it's changed and become different * Fix merge conflict * Update api doublt * more merge fixes * Add data-permission and id attr to Card * Run JS linter * Move things around so the tests run with everything available * Get tests passing: 1. Remove fakeLatency setTimeout (will be replaced with CONSUL_LATENCY in mocks) 2. Make sure any event handlers are removed * Make sure the Consul/scripts are available before the app * Make sure interval gets set if there is no cookie value * Upgrade mocks so we can use CONSUL_LATENCY * Fix handling of no series values from Prometheus * Update assetfs and fix a comment * Rebase and rebuild assetfs; fix tcp metric series units to be bits not bytes * Rebuild assetfs * Hide stats when provider is not configured Co-authored-by: kenia <keniavalladarez@gmail.com> Co-authored-by: John Cowen <jcowen@hashicorp.com>
2020-10-09 20:31:15 +00:00
@import 'consul-ui/components/topology-metrics/series';
@import 'consul-ui/components/topology-metrics/stats';
UI metrics provider dc (#9001) * Plumb Datacenter and Namespace to metrics provider in preparation for them being usable. * Move metrics loader/status to a new component and show reason for being disabled. * Remove stray console.log * Rebuild AssetFS to resolve conflicts * Yarn upgrade * mend
2020-10-26 19:48:23 +00:00
@import 'consul-ui/components/topology-metrics/status';