Add templates for backup database errors

This commit is contained in:
Julian Descottes 2017-10-17 02:08:48 +02:00
parent cfd3773a2b
commit ab9bbce1ed
2 changed files with 20 additions and 4 deletions

View File

@ -56,8 +56,7 @@
height: 90px; height: 90px;
} }
.browse-backups .session-list-empty, .browse-backups .centered-message {
.browse-backups .snapshot-list-empty {
position: absolute; position: absolute;
left: 50%; left: 50%;
width: 200px; width: 200px;
@ -68,9 +67,18 @@
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
border: 1px solid; border: 1px solid;
}
.browse-backups .session-list-empty,
.browse-backups .snapshot-list-empty {
color: #bbb; color: #bbb;
} }
.browse-backups .session-list-error,
.browse-backups .snapshot-list-error {
color: white;
}
.browse-backups .session-item { .browse-backups .session-item {
/* Transition duration should be kept in sync with SelectSession.DELETE_TRANSITION_DURATION */ /* Transition duration should be kept in sync with SelectSession.DELETE_TRANSITION_DURATION */
transition: all 500ms; transition: all 500ms;

View File

@ -28,7 +28,11 @@
</script> </script>
<script type="text/template" id="session-list-empty"> <script type="text/template" id="session-list-empty">
<div class="session-list-empty">No session found ...</div> <div class="centered-message session-list-empty">No session found ...</div>
</script>
<script type="text/template" id="session-list-error">
<div class="centered-message session-list-error">Could not load backup sessions, something went wrong.</div>
</script> </script>
<script type="text/template" id="session-list-item"> <script type="text/template" id="session-list-item">
@ -57,7 +61,11 @@
</script> </script>
<script type="text/template" id="snapshot-list-empty"> <script type="text/template" id="snapshot-list-empty">
<div class="snapshot-list-empty">No snapshot found ...</div> <div class="centered-message snapshot-list-empty">No snapshot found ...</div>
</script>
<script type="text/template" id="snapshot-list-error">
<div class="centered-message snapshot-list-error">Could not load snapshots, something went wrong.</div>
</script> </script>
<script type="text/template" id="snapshot-list-item"> <script type="text/template" id="snapshot-list-item">