Style requirements page

refs #7163
This commit is contained in:
Johannes Meyer 2014-10-14 16:45:04 +02:00
parent c0df55c079
commit c9d12cf8ac
2 changed files with 26 additions and 10 deletions

View File

@ -10,9 +10,9 @@ $requirements = $form->getRequirements();
<tbody>
<?php foreach ($requirements as $requirement): ?>
<tr>
<td><?= $requirement->title; ?></td>
<td><?= $requirement->description; ?></td>
<td class="<?= $requirement->state === Requirements::STATE_OK ? 'fulfilled' : (
<td><h2><?= $requirement->title; ?></h2></td>
<td style="width: 50%"><?= $requirement->description; ?></td>
<td class="state <?= $requirement->state === Requirements::STATE_OK ? 'fulfilled' : (
$requirement->state === Requirements::STATE_OPTIONAL ? 'not-available' : 'missing'
); ?>"><?= $requirement->message; ?></td>
</tr>

View File

@ -103,17 +103,33 @@
}
#setup table.requirements {
margin-top: -1em;
margin-left: -1em;
border-spacing: 1em;
border-collapse: separate;
td {
&.fulfilled {
background-color: green;
h2 {
margin: 0 1em 0 0;
}
&.not-available {
background-color: yellow;
}
&.state {
color: white;
padding: 0.4em;
border-radius: 0.2em;
&.missing {
background-color: red;
&.fulfilled {
background-color: #4fad4b;
}
&.not-available {
color: black;
background-color: #e8ec70;
}
&.missing {
background-color: #fd7770;
}
}
}
}