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> <tbody>
<?php foreach ($requirements as $requirement): ?> <?php foreach ($requirements as $requirement): ?>
<tr> <tr>
<td><?= $requirement->title; ?></td> <td><h2><?= $requirement->title; ?></h2></td>
<td><?= $requirement->description; ?></td> <td style="width: 50%"><?= $requirement->description; ?></td>
<td class="<?= $requirement->state === Requirements::STATE_OK ? 'fulfilled' : ( <td class="state <?= $requirement->state === Requirements::STATE_OK ? 'fulfilled' : (
$requirement->state === Requirements::STATE_OPTIONAL ? 'not-available' : 'missing' $requirement->state === Requirements::STATE_OPTIONAL ? 'not-available' : 'missing'
); ?>"><?= $requirement->message; ?></td> ); ?>"><?= $requirement->message; ?></td>
</tr> </tr>

View File

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