]> git.nbdom.net Git - nb.git/commitdiff
www/dbq/html/default.css
authorNicolas Boisselier <nicolas.boisselier@gmail.com>
Sun, 30 Sep 2018 23:38:44 +0000 (00:38 +0100)
committerNicolas Boisselier <nicolas.boisselier@gmail.com>
Sun, 30 Sep 2018 23:38:44 +0000 (00:38 +0100)
lib/php/db/table.php
www/dbq/dbq.php
www/dbq/html/default.css
www/dbq/html/default.js
www/dbq/html/default.min.css

index 4c75862ebe3c0aca0a8a7d0b79eadacc3d817279..3ba2573098c94c4c20ff4b62432e312061bab3a9 100644 (file)
@@ -630,7 +630,6 @@ Class Table extends nb {
                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" />'
index 0a4ee7342828beb14c60af94965ebc62314b6506..28d27263c5cfabd7abb9cf1a1c5d4cee999ac9f1 100644 (file)
@@ -346,9 +346,9 @@ class DbQ extends nb {
 
                        $bottom = [];
 
+                       echo '</div>'; # page-body
                        $this->page_bottom();
 
-                       echo '</div>';
                        $this->page->end();
                }
 
@@ -378,7 +378,9 @@ class DbQ extends nb {
                        $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() {
@@ -565,7 +567,7 @@ class DbQ extends nb {
 
                                $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>'
                                );
index 5d2b0eaf2c0538e459a8122a3943b98c8375c7c6..d63d2685d204afe21692af7e80905833a493e719 100644 (file)
@@ -48,9 +48,15 @@ h1, h1 a, h1 a:hover {
 
 .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 {
@@ -64,12 +70,17 @@ h1, h1 a, h1 a:hover {
 /* 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
 }
index dfa9ef2bfe53704edd6258520e0721ddb85ffae0..cf35857f68463108e33fbd5d59404235659e4501 100644 (file)
@@ -121,9 +121,8 @@ document.addEventListener("DOMContentLoaded", function() {
 
                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) {
 
index 90ba2d044208b65b8accae6c3dfd13009930e65e..9c5743417bd636cafe986578556571ffd6c3f5d6 100644 (file)
@@ -1 +1 @@
-@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}