vault/ui/app/styles/components/page-header-old.scss
claire bontempo 3403203471
UI: HDS adoption replace Breadcrumbs (#24387)
* upgrade to 3.1.0

* VAULT-22471 upgrade to latest version

* fix other selectors

* fix pki tests

* fix copy dropdown

* generated breadcrumbs

* mfa crumbs

* oidc crumbs

* identity crumbs

* use hds crumbs in page::breadcrumbs file

* rename selectors to be consistent

* remaining oidc

* update empty state link style to match hds

* repl empty state

* rep empty state 2

* policy and secret error template

* replace yielded KeyValueHeader elements directly with HDS breadcrumbs

* remove yield from KeyValueHeader

* use key value header in secret header

* update pki header

* kmip breadcrumbs

* replace key-value-header classes

* ssh sign

* replace key value with breadcrumbs

* update selectors part 1

* add a tags

* policy tests

* add crumb index back

* add current route to generated item

* another round of test updates

* remove root link test selector

* secrets/secrete test

* add changelog

* trailing icon

* delete breadcrumb css

* consistently change to sentence case

* titlsecase!
2023-12-06 10:56:01 -08:00

45 lines
664 B
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
.page-header {
padding-bottom: $spacing-4;
padding-top: $spacing-20;
.level {
align-items: flex-end;
}
.level-left,
.level-right {
flex-grow: 1;
flex-shrink: 1;
@include until($mobile) {
margin-top: 0.5rem;
}
}
.level-right {
@include from($mobile) {
justify-content: flex-end;
}
}
.title {
margin-top: $spacing-16;
}
.title-with-icon {
display: flex;
}
.breadcrumb + .level .title {
margin-top: $spacing-20;
}
.title .icon {
height: auto;
vertical-align: -0.15em;
width: auto;
}
}