From 96aa096dc68d910ee2e3bbe332535a607e2e669c Mon Sep 17 00:00:00 2001 From: Mohamed Elhefni Date: Sat, 6 Jan 2024 13:26:39 +0200 Subject: [PATCH 1/3] feat: add support for vim keybindings --- static/css/app.css | 57 ++++++++++++++++++++++++++++--------- static/index.html | 48 ++++++++++++++++++++----------- static/js/app.js | 29 ++++++++++++++++--- static/js/keybinding-vim.js | 8 ++++++ 4 files changed, 108 insertions(+), 34 deletions(-) create mode 100644 static/js/keybinding-vim.js diff --git a/static/css/app.css b/static/css/app.css index b3aaebdfe..5178fb2fd 100644 --- a/static/css/app.css +++ b/static/css/app.css @@ -54,7 +54,8 @@ content: ' '; position: absolute; bottom: -1px; - left: 0; right: 0; + left: 0; + right: 0; height: 1px; widows: 100%; background: #fff; @@ -227,7 +228,9 @@ } -#sidebar div.tables-list #tables, #sequences, #objects { +#sidebar div.tables-list #tables, +#sequences, +#objects { font-size: 12px; } @@ -302,7 +305,8 @@ bottom: 0px; } -#input_resize_handler:hover, #input_resize_handler.dragging { +#input_resize_handler:hover, +#input_resize_handler.dragging { height: 3px; } @@ -311,6 +315,15 @@ padding: 10px; height: 50px; bottom: 0px; + display: flex; + align-items: center; + justify-content: space-between; +} + +#input .actions .pull-left { + display: flex; + align-items: center; + gap: 2px; } #input .actions #result-rows-count { @@ -487,12 +500,12 @@ border: 0px none; } -#results tr:nth-child(even) > td { +#results tr:nth-child(even)>td { border: none; background: #ffffff; } -#results tr:nth-child(odd) > td { +#results tr:nth-child(odd)>td { border: none; background: #f9f9f9; } @@ -717,7 +730,8 @@ display: none; } -#edit_connection, #close_connection { +#edit_connection, +#close_connection { background: #79589f; color: #fff; border-color: #fff; @@ -807,11 +821,27 @@ /* -------------------------------------------------------------------------- */ .schema {} -.schema i { display: inline-block; margin-right: 4px; } -.schema i.fa-folder-o { display: inline-block; } -.schema i.fa-folder-open-o { display: none; } -.schema.expanded i.fa-folder-open-o { display: inline-block; } -.schema.expanded i.fa-folder-o { display: none; } + +.schema i { + display: inline-block; + margin-right: 4px; +} + +.schema i.fa-folder-o { + display: inline-block; +} + +.schema i.fa-folder-open-o { + display: none; +} + +.schema.expanded i.fa-folder-open-o { + display: inline-block; +} + +.schema.expanded i.fa-folder-o { + display: none; +} .schema .schema-name { font-weight: bold; @@ -901,7 +931,8 @@ /* Ace Customizations */ /* -------------------------------------------------------------------------- */ -.ace_gutter, .ace_gutter-cell { +.ace_gutter, +.ace_gutter-cell { background: #fff !important; color: #bbb; font-size: 12px; @@ -913,4 +944,4 @@ .ace_autocomplete .ace_active-line { background: #eee !important; -} +} \ No newline at end of file diff --git a/static/index.html b/static/index.html index 40b9bf2b8..ce3ba39d0 100644 --- a/static/index.html +++ b/static/index.html @@ -77,24 +77,38 @@
- -
- - -
-