Sha256: f144111e5eb3274fa7ebacad2e9cb9aeebd8f8020f24d655b539f175492f6951

Contents?: true

Size: 1007 Bytes

Versions: 3

Compression:

Stored size: 1007 Bytes

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: row wrap;
  justify-content: flex-end; /* Keep actions right aligned. */

  @media (max-width: 767.98px) {
    border-bottom: 0;
  }
}

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

.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%;
  order: 2;
}

/* Add 1 or 2 buttons to the right of the heading */
.PageHeader-actions {
  margin: var(--base-size-4) 0 var(--base-size-4) var(--base-size-4);
  align-self: center;
  justify-content: flex-end;
  order: 1;

  & + .PageHeader-description {
    margin-top: var(--base-size-4);
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
openproject-primer_view_components-0.13.1 app/components/primer/open_project/page_header.pcss
openproject-primer_view_components-0.13.0 app/components/primer/open_project/page_header.pcss
openproject-primer_view_components-0.12.1 app/components/primer/open_project/page_header.pcss