Move tooltip copy inline

This commit is contained in:
richard-dds 2018-08-24 14:18:58 -04:00
parent 9dcbb814de
commit 9d16c6da5c
2 changed files with 14 additions and 10 deletions

View File

@ -18,7 +18,14 @@
.icon-tooltip {
margin: -$gap;
}
&--grow {
display: inline-block;
width: 100%;
p {
margin-bottom: 0;
}
}
}

View File

@ -40,14 +40,12 @@
<div class="panel">
<div class="panel__heading panel__heading--grow">
<h1>Add a new project</h1>
{{ Tooltip(
"AT-AT allows you to organize your workspace into multiple projects, each of which may have environments.",
title="learn more"
)}}
</div>
<div class="panel__content">
<p>
AT-AT allows you to organize your workspace into multiple projects, each of which may have environments.
</p>
{{ TextInput(form.name) }}
{{ TextInput(form.description, paragraph=True) }}
</div>
@ -62,12 +60,11 @@
{% endif %}
<div class="block-list project-list-item">
<header class="block-list__header">
<header class="block-list__header block-list__header--grow">
<h2 class="block-list__title">Project Environments</h2>
{{ Tooltip(
"Each environment created within a project is an enclave of cloud resources that is logically separated from each other for increased security.",
title="learn more"
)}}
<p>
Each environment created within a project is an enclave of cloud resources that is logically separated from each other for increased security.
</p>
</header>
<ul>