echo '</div>'.NB_EOL; # < fields
echo ''
- #.'<div class="btn-group-vertical mx-auto">'
.'<div class="db buttons btn-group btn-group-sm form-group mx-auto d-table bottom">'
.( empty($_SERVER['HTTP_REFERER']) ? '' : '<input type="button" class="btn btn-danger" onclick="document.location=document.referrer" value="Cancel" />')
.'<input class="btn btn-warning" type="reset" />'
$bottom = [];
+ echo '</div>'; # page-body
$this->page_bottom();
- echo '</div>';
$this->page->end();
}
$bottom[] = 'Database: '.preg_replace(array_keys($r),$r,$this->db->pdo);
}
- if ($bottom and $this->is_html) echo $this->page->tag('div class="block bottom border rounded p-2 d-table"',join('<br />'.NB_EOL,$bottom));
+ if ($bottom and $this->is_html) echo $this->page->tag(
+ 'div id="page-bottom" class="block bottom border rounded p-2 d-table"',join('<br />'.NB_EOL,$bottom)
+ );
}
public function user() {
$r = $this->ar_unshift($r,'view',''
.'<form action="'.$this->table->base.'/vi'.'" method="post" class="vi">'
- .'<a class="button select vi btn btn-sm btn-primary" href="'.$this->table->base.'/vi'.'" onclick="parentNode.submit();return false;">Edit</a>'
+ .'<a class="button select vi btn btn-sm btn-secondary" href="'.$this->table->base.'/vi'.'" onclick="parentNode.submit();return false;">Edit</a>'
.$hidden
.'</form>'
);
.menu .form-control {
max-width: 5rem;
- height: 1.7rem;
- padding-top: 0;
- padding-bottom: 0;
+ height: 1.5rem;
+ padding: 0 0.3rem;
+ margin-top: 0.4rem;
+ margin-left: 0.2rem;
+}
+
+.menu .btn-group {
+ margin-left: 0.4rem;
+ max-height: 2.5rem;
}
.edit .form-control + .media {
/* Center */
#db-menu-form,
.pagination,
+.db-results,
+.db-rows,
+#page-bottom,
.CENTER {
margin-left: auto;
margin-right: auto;
width: auto;
display: table;
}
+
+/* Fix centered */
.pagination * {
display: inline-block
}
a.onclick = function() {
var forms = document.querySelectorAll("form.rm");
- // NB 30.09.18: Disable
-// NB 30.09.18 var elem = document.querySelector(".db-rows") ? document.querySelector(".db-rows") : '';
-// NB 30.09.18 elem.className = 'loader';
+ var elem = document.querySelector(".db-rows") ? document.querySelector(".db-rows") : '';
+ elem.className = 'loader';
for (j = 0; j < forms.length; ++j) {
-@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader{border:16px solid #fff;border-radius:50%;border-top:16px solid #000;padding:0;margin:0 auto 0 auto;width:8em;height:8em;animation:spin 2s linear infinite;display:block}body.loader{margin-top:8em}.loader *{display:none!important}body{font-size:.9rem;line-height:1.2}h1{margin:0 0 .2em 0;font-size:140%;padding-bottom:.3em;margin-bottom:.5em;padding:.3em;background-color:var(--dark)}h1,h1 a,h1 a:hover{color:var(--light)}.menu *{font-size:95%}.menu .form-control{max-width:5rem;height:1.7rem;padding-top:0;padding-bottom:0}.edit .form-control+.media{margin-top:.25rem}#db-menu-form,.CENTER,.pagination{margin-left:auto;margin-right:auto;width:auto;display:table}.pagination *{display:inline-block}
+@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader{border:16px solid #fff;border-radius:50%;border-top:16px solid #000;padding:0;margin:0 auto 0 auto;width:8em;height:8em;animation:spin 2s linear infinite;display:block}body.loader{margin-top:8em}.loader *{display:none!important}body{font-size:.9rem;line-height:1.2}h1{margin:0 0 .2em 0;font-size:140%;padding-bottom:.3em;margin-bottom:.5em;padding:.3em;background-color:var(--dark)}h1,h1 a,h1 a:hover{color:var(--light)}.menu *{font-size:95%}.menu .form-control{max-width:5rem;height:1.5rem;padding:0 .3rem;margin-top:.4rem;margin-left:.2rem}.menu .btn-group{margin-left:.4rem;max-height:2.5rem}.edit .form-control+.media{margin-top:.25rem}#db-menu-form,#page-bottom,.CENTER,.db-results,.db-rows,.pagination{margin-left:auto;margin-right:auto;width:auto;display:table}.pagination *{display:inline-block}