Files
nomad/ui/app/styles/core/title.scss
Phil Renaud e8b77fcfa0 [ui] Jobspec UI block: Descriptions and Links (#18292)
* Hacky but shows links and desc

* markdown

* Small pre-test cleanup

* Test for UI description and link rendering

* JSON jobspec docs and variable example job get UI block

* Jobspec documentation for UI block

* Description and links moved into the Title component and made into Helios components

* Marked version upgrade

* Allow links without a description and max description to 1000 chars

* Node 18 for setup-js

* markdown sanitization

* Ui to UI and docs change

* Canonicalize, copy and diff for job.ui

* UI block added to testJob for structs testing

* diff test

* Remove redundant reset

* For readability, changing the receiving pointer of copied job variables

* TestUI endpiont conversion tests

* -require +must

* Nil check on Links

* JobUIConfig.Links as pointer

---------

Co-authored-by: Tim Gross <tgross@hashicorp.com>
2024-05-22 15:00:45 -04:00

53 lines
804 B
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
.title {
&.is-4,
&.is-5,
&.is-6 {
margin-bottom: 0.5rem;
}
&.with-headroom {
margin-top: 1rem;
}
&.with-subheading {
margin-bottom: 0.85rem;
}
&.with-flex {
display: flex;
justify-content: space-between;
}
}
// Job page header, actions bar
.job-page-header {
margin-bottom: 1rem;
position: relative;
z-index: $z-base - 1;
.hds-page-header__main {
flex-direction: unset;
.hds-page-header__actions {
align-items: stretch;
}
}
.exec-open-button,
.two-step-button {
& > button {
height: 100%;
}
}
.job-ui-links {
margin: 0.5rem 0 1rem;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 1rem;
}
}