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

96 lines
4.0 KiB
SCSS
Raw Normal View History

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: Colocate remaining CSS components to the app/components folder (#10328)
2021-06-23 08:19:35 +00:00
@import 'consul-ui/components/anchors';
@import 'consul-ui/components/auth-form';
@import 'consul-ui/components/auth-modal';
@import 'consul-ui/components/breadcrumbs';
@import 'consul-ui/components/buttons';
@import 'consul-ui/components/card';
@import 'consul-ui/components/checkbox-group';
@import 'consul-ui/components/code-editor';
@import 'consul-ui/components/composite-row';
@import 'consul-ui/components/confirmation-dialog';
@import 'consul-ui/components/definition-table';
@import 'consul-ui/components/display-toggle';
@import 'consul-ui/components/dom-recycling-table';
@import 'consul-ui/components/empty-state';
@import 'consul-ui/components/expanded-single-select';
@import 'consul-ui/components/form-elements';
ui: Rename icons for consistency and remove unused icons (#10311) * ui: Standardize logo naming According to structure it should always be logo-name not name-logo * Make sure all our logos use logo-name format * Upgrade to @hashicorp/structure-icons 1.9.0 * Add `-color` to be consistent with other logos * Add ms logo back in * Remove all the old `*-color` icons from before when we got masks * Add missing files * Missed glimmer extend name change
2021-06-22 17:56:17 +00:00
@import 'consul-ui/components/flash-message';
ui: Colocate remaining CSS components to the app/components folder (#10328)
2021-06-23 08:19:35 +00:00
@import 'consul-ui/components/icon-definition';
@import 'consul-ui/components/list-row';
@import 'consul-ui/components/inline-alert';
@import 'consul-ui/components/menu-panel';
@import 'consul-ui/components/more-popover-menu';
@import 'consul-ui/components/oidc-select';
@import 'consul-ui/components/radio-card';
@import 'consul-ui/components/pill';
@import 'consul-ui/components/popover-menu';
@import 'consul-ui/components/popover-select';
@import 'consul-ui/components/progress';
@import 'consul-ui/components/radio-group';
@import 'consul-ui/components/secret-button';
@import 'consul-ui/components/sliding-toggle';
@import 'consul-ui/components/table';
@import 'consul-ui/components/toggle-button';
@import 'consul-ui/components/tabular-collection';
@import 'consul-ui/components/tabular-details';
@import 'consul-ui/components/tabular-dl';
@import 'consul-ui/components/tag-list';
@import 'consul-ui/components/tooltip-panel';
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: %horizontal-kv-list CSS component (and related) (#10285) This commit uses docfy to isolate the individual parts and options and investigates the why you might use certain options and document how you might use certain options. Originally we used a single %icon-definition CSS component to represent this, but seeing as some of them don't have icons, it didn't seem like the best name. So this PR splits this component into various different ones and then uses the new ones to continue to provide a now deprecated %icon-definition. The component is currently a CSS only component that assumes a single (or multiple) description lists for its markup component, and provides for multiple different options (including a reversed mode which I'm still not totally sure about, but we don't use this right now anyway). - %icon-definition - %horizontal-kv-list - %csv-list - %tag-list - %badge
2021-06-21 10:40:14 +00:00
@import 'consul-ui/components/horizontal-kv-list';
@import 'consul-ui/components/csv-list';
@import 'consul-ui/components/tag-list';
@import 'consul-ui/components/badge';
@import 'consul-ui/components/icon-definition';
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';