Sha256: 2b1bf31af1989ee1f85f0a3034a7b6ab2c90db542cd7cb9cbb3ca9cb24ac4e9f

Contents?: true

Size: 1.39 KB

Versions: 3

Compression:

Stored size: 1.39 KB

Contents

/* OP PageHeader */

.PageHeader {
  display: flex;
  padding-bottom: var(--stack-padding-condensed);
  margin-bottom: var(--stack-gap-normal);
  border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);
  flex-flow: column;
}

.PageHeader--noBorder {
  border-bottom: none;
  padding-bottom: 0;
}

.PageHeader-contextBar {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: var(--base-size-8);
}

.PageHeader-titleBar {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center; /* Keep back button vertically aligned. */
  margin-bottom: var(--space-xsmall);
}

.PageHeader-title {
  font-size: var(--text-title-size-medium);
  font-weight: var(--base-text-weight-normal);
  flex: 1 1 auto;
}

.PageHeader-title--large {
  font-size: var(--text-title-size-large);
}

/* One-liner of supporting text */
.PageHeader-description {
  font-size: var(--text-body-size-medium);
  color: var(--fgColor-muted);
  flex: 1 100%;
}

.PageHeader-actions {
  justify-content: flex-end;
  display: flex;
  align-items: center;
}

.PageHeader-breadcrumbs {
  display: block;
  width: 100%;
}

.PageHeader-leadingAction {
  margin-top: 2px; /* to center align with label */
  margin-right: var(--base-size-4);
}

.PageHeader-parentLink {
  flex: 1 1 auto;
}

.PageHeader-tabNav {
  margin-top: var(--stack-gap-normal);
  margin-bottom: 0;
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
openproject-primer_view_components-0.33.0 app/components/primer/open_project/page_header.pcss
openproject-primer_view_components-0.32.1 app/components/primer/open_project/page_header.pcss
openproject-primer_view_components-0.32.0 app/components/primer/open_project/page_header.pcss