@questdb/web-console 0.0.10 → 0.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -45
- package/dist/qdb.css +2 -2
- package/dist/qdb.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -7,49 +7,18 @@ Yarn@3 and Webpack.
|
|
|
7
7
|
|
|
8
8
|
## Local development setup
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
In order to run this package locally, you need to do the following steps:
|
|
11
11
|
|
|
12
|
-
1. Clone
|
|
13
|
-
2.
|
|
14
|
-
3.
|
|
15
|
-
4.
|
|
16
|
-
5. Hack!
|
|
12
|
+
1. Clone and bootstrap repository (by following instructions on [`local-development-setup.md`](../../docs/local-development-setup.md))
|
|
13
|
+
2. Start development server
|
|
14
|
+
3. Run QuestDB in the background
|
|
15
|
+
4. Hack!
|
|
17
16
|
|
|
18
|
-
|
|
17
|
+
### 1. Clone and bootstrap repository
|
|
19
18
|
|
|
20
|
-
|
|
19
|
+
Consult instructions on [`local-development-setup.md`](../../docs/local-development-setup.md) document.
|
|
21
20
|
|
|
22
|
-
|
|
23
|
-
Download is what takes the most amount of time (~1 minute on a decent connection).
|
|
24
|
-
|
|
25
|
-
* clone using SSH:
|
|
26
|
-
```
|
|
27
|
-
git clone git@github.com:questdb/ui.git
|
|
28
|
-
```
|
|
29
|
-
|
|
30
|
-
* or using HTTPS:
|
|
31
|
-
```
|
|
32
|
-
git clone https://github.com/questdb/ui.git
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
* or using [Github CLI](https://cli.github.com/):
|
|
36
|
-
```
|
|
37
|
-
gh repo clone questdb/ui
|
|
38
|
-
```
|
|
39
|
-
|
|
40
|
-
### 2. Bootstrap dependencies
|
|
41
|
-
|
|
42
|
-
* `node -v` should return `16.13.1`\
|
|
43
|
-
If it doesn't, you can use [fnm](https://fnm.vercel.app) or [nvm](https://github.com/nvm-sh/nvm) to manage node versions on your machine.\
|
|
44
|
-
Then run `fnm use` or `nvm use` to set correct version.
|
|
45
|
-
|
|
46
|
-
* `yarn -v` should return v3 (like `3.2.1`).\
|
|
47
|
-
If it returns `command not found`, enable `yarn` by running `corepack enable`.\
|
|
48
|
-
Follow [official installation guide](https://yarnpkg.com/getting-started/install) if you have trouble.
|
|
49
|
-
|
|
50
|
-
* run `yarn` to bootstrap dependencies. This should be a quick process (less than a minute).
|
|
51
|
-
|
|
52
|
-
### 3. Start development server
|
|
21
|
+
### 2. Start development server
|
|
53
22
|
|
|
54
23
|
```
|
|
55
24
|
yarn workspace @questdb/web-console start
|
|
@@ -57,10 +26,10 @@ yarn workspace @questdb/web-console start
|
|
|
57
26
|
|
|
58
27
|
[localhost:9999](http://localhost:9999) should show web console
|
|
59
28
|
|
|
60
|
-
###
|
|
29
|
+
### 3. Run QuestDB in the background
|
|
61
30
|
|
|
62
|
-
This package is a only GUI for QuestDB, it does not include QuestDB itself.\
|
|
63
|
-
GUI will work without it, but
|
|
31
|
+
This package (`web-console`) is a only GUI for QuestDB, it does not include QuestDB itself.\
|
|
32
|
+
GUI will work without it, but because it's a tool to interact with QuestDB, you will need QuestDB as well.
|
|
64
33
|
|
|
65
34
|
Check [readme.md](https://github.com/questdb/questdb#install-questdb) of QuestDB to learn how to install it.
|
|
66
35
|
|
|
@@ -70,13 +39,13 @@ If you have [`docker`](https://docs.docker.com/get-docker/), then it's simply:
|
|
|
70
39
|
docker run -p 9000:9000 -p 9009:9009 -p 8812:8812 questdb/questdb
|
|
71
40
|
```
|
|
72
41
|
|
|
73
|
-
###
|
|
42
|
+
### 4. Hack!
|
|
74
43
|
|
|
75
44
|
Do your code changes and browser will automatically refresh [localhost:9999](http://localhost:9999).
|
|
76
45
|
|
|
77
46
|
Happy hacking!
|
|
78
47
|
|
|
79
|
-
##
|
|
48
|
+
## Build production version
|
|
80
49
|
|
|
81
50
|
1. Make sure dependencies are set up:
|
|
82
51
|
|
|
@@ -94,7 +63,7 @@ yarn workspace @questdb/web-console run build
|
|
|
94
63
|
|
|
95
64
|
## Run tests
|
|
96
65
|
|
|
97
|
-
This monorepo contains `browser-tests` package which is used to test
|
|
66
|
+
This monorepo contains [`browser-tests`](../browser-tests/) package which is used to test
|
|
98
67
|
`web-console` package. `browser-tests` does not yet run as part of
|
|
99
68
|
`web-console` build on CI, but they can be used to test changes locally.
|
|
100
69
|
|
package/dist/qdb.css
CHANGED
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
* See the License for the specific language governing permissions and
|
|
143
143
|
* limitations under the License.
|
|
144
144
|
*
|
|
145
|
-
******************************************************************************/.nav>li>a{color:#a7b1c2;font-weight:600;display:flex;align-items:center;justify-content:center;height:44px}.nav li a{opacity:.5}.nav li a.selected{opacity:1;color:#fff;border-left:2px solid #ff79c6;background:#21222c !important}.nav>li>a:hover{background:#44475a}.nav>li>a.selected>.nav-pointer,.nav>li>a.selected:hover>.nav-pointer{display:block !important;position:absolute;right:-3px;top:8px;background:0 0;width:100px;height:10px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #f3f3f4}.navbar{border:0}.navbar-default{background-color:transparent;border-color:#2f4050}.navbar-top-links li{display:inline-block}.navbar-top-links li:last-child{margin-right:40px}.body-small .navbar-top-links li:last-child{margin-right:0}.navbar-top-links li a{padding:20px 10px;min-height:50px}.dropdown-menu{border:medium none;border-radius:3px;box-shadow:0 0 3px rgba(86,96,117,.7);display:none;float:left;font-size:12px;left:0;list-style:none outside none;padding:0;position:absolute;text-shadow:none;top:100%;z-index:1000}.dropdown-menu>li>a{border-radius:3px;color:inherit;line-height:25px;margin:4px;text-align:left;font-weight:normal}.dropdown-menu>li>a.font-bold{font-weight:600}.navbar-top-links .dropdown-menu li{display:block}.navbar-top-links .dropdown-menu li:last-child{margin-right:0}.navbar-top-links .dropdown-menu li a{padding:3px 20px;min-height:0}.navbar-top-links .dropdown-menu li a div{white-space:normal}.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks,.navbar-top-links .dropdown-alerts{width:310px;min-width:0}.navbar-top-links .dropdown-messages{margin-left:5px}.navbar-top-links .dropdown-tasks{margin-left:-59px}.navbar-top-links .dropdown-alerts{margin-left:-123px}.navbar-top-links .dropdown-user{right:0;left:auto}.dropdown-messages,.dropdown-alerts{padding:10px 10px 10px 10px}.dropdown-messages li a,.dropdown-alerts li a{font-size:12px}.dropdown-messages li em,.dropdown-alerts li em{font-size:10px}.nav.navbar-top-links .dropdown-alerts a{font-size:12px}.nav-header{width:45px}.pace-done .nav-header{transition:all .4s}.nav>li.active{border-left:4px solid #19aa8d;background:#293846}.nav.nav-second-level>li.active{border:none}.nav.nav-second-level.collapse[style]{height:auto !important}.nav-header a{color:#dfe4ed}.nav-header .text-muted{color:#8095a8}.minimalize-styl-2{padding:4px 12px;margin:14px 5px 5px 20px;font-size:14px;float:left}.navbar-form-custom{float:left;height:50px;padding:0;width:200px;display:inline-table}.navbar-form-custom .form-group{margin-bottom:0}.nav.navbar-top-links a{font-size:14px}.navbar-form-custom .form-control{background:none repeat scroll 0 0 rgba(0,0,0,0);border:medium none;font-size:14px;height:60px;margin:0;z-index:2000}.count-info .label{line-height:12px;padding:2px 5px;position:absolute;right:6px;top:12px}.arrow{float:right}.fa.arrow:before{content:""}.active>a>.fa.arrow:before{content:""}.nav-second-level li,.nav-third-level li{border-bottom:none !important}.nav-second-level li a{padding:7px 10px 7px 10px;padding-left:52px}.nav-third-level li a{padding-left:62px}.nav-second-level li:last-child{margin-bottom:10px}body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level,.mini-navbar .nav li:focus>.nav-second-level{display:block;border-radius:0 2px 2px 0;min-width:140px;height:auto}body.mini-navbar .navbar-default .nav>li>.nav-second-level li a{font-size:12px;border-radius:3px}.fixed-nav .slimScrollDiv #side-menu{padding-bottom:60px}.mini-navbar .nav-second-level li a{padding:10px 10px 10px 15px}.mini-navbar .nav-second-level{position:absolute;left:70px;top:0;background-color:#2f4050;padding:10px 10px 10px 10px;font-size:12px}.canvas-menu.mini-navbar .nav-second-level{background:#293846}.mini-navbar li.active .nav-second-level{left:65px}.navbar-default .special_link a{background:#1ab394;color:#fff}.navbar-default .special_link a:hover{background:#17987e !important;color:#fff}.navbar-default .special_link a span.label{background:#fff;color:#1ab394}.navbar-default .landing_link a{background:#1cc09f;color:#fff}.navbar-default .landing_link a:hover{background:#1ab394 !important;color:#fff}.navbar-default .landing_link a span.label{background:#fff;color:#1cc09f}.logo-element{position:relative;display:flex;height:4rem;align-items:stretch;justify-content:stretch;font-size:18px;font-weight:600;color:#fff;background:#1d1d1d;box-shadow:-8px 0px 6px -1px #191a21;z-index:1}.logo-element a{display:flex;flex:1;align-items:center;justify-content:center}.pace-done .navbar-static-side,.pace-done .nav-header,.pace-done li.active,.pace-done #page-wrapper,.pace-done .footer{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.navbar-fixed-top{background:#fff;transition-duration:.4s;border-bottom:1px solid #e7eaec !important;z-index:2030}.navbar-fixed-top,.navbar-static-top{background:#f3f3f4}.fixed-nav #wrapper{margin-top:0}body.fixed-nav #wrapper .navbar-static-side,body.fixed-nav #wrapper #page-wrapper{margin-top:60px}body.top-navigation.fixed-nav #wrapper #page-wrapper{margin-top:0}body.fixed-nav.fixed-nav-basic .navbar-fixed-top{left:220px}body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top{left:70px}body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top{left:0}body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side{margin-top:0}body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top{left:0}body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top{left:220px}.fixed-nav .minimalize-styl-2{margin:14px 5px 5px 15px}.body-small .navbar-fixed-top{margin-left:0}body.mini-navbar .navbar-static-side{width:45px}body.mini-navbar .profile-element,body.mini-navbar .nav-label,body.mini-navbar .navbar-default .nav li a span{display:none}body.canvas-menu .profile-element{display:block}body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level{display:none}body.mini-navbar .navbar-default .nav>li>a{font-size:16px}body.canvas-menu .logo-element{display:none}body.mini-navbar .nav-header{padding:0;background-color:#1ab394}body.canvas-menu .nav-header{padding:33px 25px}body.mini-navbar #page-wrapper{margin-left:45px;overflow:
|
|
145
|
+
******************************************************************************/.nav>li>a{color:#a7b1c2;font-weight:600;display:flex;align-items:center;justify-content:center;height:44px}.nav li a{opacity:.5}.nav li a.selected{opacity:1;color:#fff;border-left:2px solid #ff79c6;background:#21222c !important}.nav>li>a:hover{background:#44475a}.nav>li>a.selected>.nav-pointer,.nav>li>a.selected:hover>.nav-pointer{display:block !important;position:absolute;right:-3px;top:8px;background:0 0;width:100px;height:10px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:12px solid #f3f3f4}.navbar{border:0}.navbar-default{background-color:transparent;border-color:#2f4050}.navbar-top-links li{display:inline-block}.navbar-top-links li:last-child{margin-right:40px}.body-small .navbar-top-links li:last-child{margin-right:0}.navbar-top-links li a{padding:20px 10px;min-height:50px}.dropdown-menu{border:medium none;border-radius:3px;box-shadow:0 0 3px rgba(86,96,117,.7);display:none;float:left;font-size:12px;left:0;list-style:none outside none;padding:0;position:absolute;text-shadow:none;top:100%;z-index:1000}.dropdown-menu>li>a{border-radius:3px;color:inherit;line-height:25px;margin:4px;text-align:left;font-weight:normal}.dropdown-menu>li>a.font-bold{font-weight:600}.navbar-top-links .dropdown-menu li{display:block}.navbar-top-links .dropdown-menu li:last-child{margin-right:0}.navbar-top-links .dropdown-menu li a{padding:3px 20px;min-height:0}.navbar-top-links .dropdown-menu li a div{white-space:normal}.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks,.navbar-top-links .dropdown-alerts{width:310px;min-width:0}.navbar-top-links .dropdown-messages{margin-left:5px}.navbar-top-links .dropdown-tasks{margin-left:-59px}.navbar-top-links .dropdown-alerts{margin-left:-123px}.navbar-top-links .dropdown-user{right:0;left:auto}.dropdown-messages,.dropdown-alerts{padding:10px 10px 10px 10px}.dropdown-messages li a,.dropdown-alerts li a{font-size:12px}.dropdown-messages li em,.dropdown-alerts li em{font-size:10px}.nav.navbar-top-links .dropdown-alerts a{font-size:12px}.nav-header{width:45px}.pace-done .nav-header{transition:all .4s}.nav>li.active{border-left:4px solid #19aa8d;background:#293846}.nav.nav-second-level>li.active{border:none}.nav.nav-second-level.collapse[style]{height:auto !important}.nav-header a{color:#dfe4ed}.nav-header .text-muted{color:#8095a8}.minimalize-styl-2{padding:4px 12px;margin:14px 5px 5px 20px;font-size:14px;float:left}.navbar-form-custom{float:left;height:50px;padding:0;width:200px;display:inline-table}.navbar-form-custom .form-group{margin-bottom:0}.nav.navbar-top-links a{font-size:14px}.navbar-form-custom .form-control{background:none repeat scroll 0 0 rgba(0,0,0,0);border:medium none;font-size:14px;height:60px;margin:0;z-index:2000}.count-info .label{line-height:12px;padding:2px 5px;position:absolute;right:6px;top:12px}.arrow{float:right}.fa.arrow:before{content:""}.active>a>.fa.arrow:before{content:""}.nav-second-level li,.nav-third-level li{border-bottom:none !important}.nav-second-level li a{padding:7px 10px 7px 10px;padding-left:52px}.nav-third-level li a{padding-left:62px}.nav-second-level li:last-child{margin-bottom:10px}body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level,.mini-navbar .nav li:focus>.nav-second-level{display:block;border-radius:0 2px 2px 0;min-width:140px;height:auto}body.mini-navbar .navbar-default .nav>li>.nav-second-level li a{font-size:12px;border-radius:3px}.fixed-nav .slimScrollDiv #side-menu{padding-bottom:60px}.mini-navbar .nav-second-level li a{padding:10px 10px 10px 15px}.mini-navbar .nav-second-level{position:absolute;left:70px;top:0;background-color:#2f4050;padding:10px 10px 10px 10px;font-size:12px}.canvas-menu.mini-navbar .nav-second-level{background:#293846}.mini-navbar li.active .nav-second-level{left:65px}.navbar-default .special_link a{background:#1ab394;color:#fff}.navbar-default .special_link a:hover{background:#17987e !important;color:#fff}.navbar-default .special_link a span.label{background:#fff;color:#1ab394}.navbar-default .landing_link a{background:#1cc09f;color:#fff}.navbar-default .landing_link a:hover{background:#1ab394 !important;color:#fff}.navbar-default .landing_link a span.label{background:#fff;color:#1cc09f}.logo-element{position:relative;display:flex;height:4rem;align-items:stretch;justify-content:stretch;font-size:18px;font-weight:600;color:#fff;background:#1d1d1d;box-shadow:-8px 0px 6px -1px #191a21;z-index:1}.logo-element a{display:flex;flex:1;align-items:center;justify-content:center}.pace-done .navbar-static-side,.pace-done .nav-header,.pace-done li.active,.pace-done #page-wrapper,.pace-done .footer{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.navbar-fixed-top{background:#fff;transition-duration:.4s;border-bottom:1px solid #e7eaec !important;z-index:2030}.navbar-fixed-top,.navbar-static-top{background:#f3f3f4}.fixed-nav #wrapper{margin-top:0}body.fixed-nav #wrapper .navbar-static-side,body.fixed-nav #wrapper #page-wrapper{margin-top:60px}body.top-navigation.fixed-nav #wrapper #page-wrapper{margin-top:0}body.fixed-nav.fixed-nav-basic .navbar-fixed-top{left:220px}body.fixed-nav.fixed-nav-basic.mini-navbar .navbar-fixed-top{left:70px}body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar .navbar-fixed-top{left:0}body.fixed-nav.fixed-nav-basic #wrapper .navbar-static-side{margin-top:0}body.fixed-nav.fixed-nav-basic.body-small .navbar-fixed-top{left:0}body.fixed-nav.fixed-nav-basic.fixed-sidebar.mini-navbar.body-small .navbar-fixed-top{left:220px}.fixed-nav .minimalize-styl-2{margin:14px 5px 5px 15px}.body-small .navbar-fixed-top{margin-left:0}body.mini-navbar .navbar-static-side{width:45px}body.mini-navbar .profile-element,body.mini-navbar .nav-label,body.mini-navbar .navbar-default .nav li a span{display:none}body.canvas-menu .profile-element{display:block}body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level{display:none}body.mini-navbar .navbar-default .nav>li>a{font-size:16px}body.canvas-menu .logo-element{display:none}body.mini-navbar .nav-header{padding:0;background-color:#1ab394}body.canvas-menu .nav-header{padding:33px 25px}body.mini-navbar #page-wrapper{margin-left:45px;overflow:hidden;position:relative;display:flex;flex-direction:column}body.fixed-sidebar.mini-navbar .footer,body.canvas-menu.mini-navbar .footer{margin:0 0 0 0 !important}body.canvas-menu.mini-navbar #page-wrapper,body.canvas-menu.mini-navbar .footer{margin:0 0 0 0}body.fixed-sidebar .navbar-static-side,body.canvas-menu .navbar-static-side{position:fixed;width:220px;z-index:2001;height:100%}body.fixed-sidebar.mini-navbar .navbar-static-side{width:0}body.fixed-sidebar.mini-navbar #page-wrapper{margin:0 0 0 0}body.body-small.fixed-sidebar.mini-navbar #page-wrapper{margin:0 0 0 220px}body.body-small.fixed-sidebar.mini-navbar .navbar-static-side{width:220px}.fixed-sidebar.mini-navbar .nav li:focus>.nav-second-level,.canvas-menu.mini-navbar .nav li:focus>.nav-second-level{display:block;height:auto}body.fixed-sidebar.mini-navbar .navbar-default .nav>li>.nav-second-level li a{font-size:12px;border-radius:3px}body.canvas-menu.mini-navbar .navbar-default .nav>li>.nav-second-level li a{font-size:13px;border-radius:3px}.fixed-sidebar.mini-navbar .nav-second-level li a,.canvas-menu.mini-navbar .nav-second-level li a{padding:10px 10px 10px 15px}.fixed-sidebar.mini-navbar .nav-second-level,.canvas-menu.mini-navbar .nav-second-level{position:relative;padding:0;font-size:13px}.fixed-sidebar.mini-navbar li.active .nav-second-level,.canvas-menu.mini-navbar li.active .nav-second-level{left:0}body.fixed-sidebar.mini-navbar .navbar-default .nav>li>a,body.canvas-menu.mini-navbar .navbar-default .nav>li>a{font-size:13px}body.fixed-sidebar.mini-navbar .nav-label,body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,body.canvas-menu.mini-navbar .nav-label,body.canvas-menu.mini-navbar .navbar-default .nav li a span{display:inline}body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span{display:block}.canvas-menu.mini-navbar .nav-second-level li a,.fixed-sidebar.mini-navbar .nav-second-level li a{padding:7px 10px 7px 52px}.fixed-sidebar.mini-navbar .nav-second-level,.canvas-menu.mini-navbar .nav-second-level{left:0}body.canvas-menu nav.navbar-static-side{z-index:2001;background:#2f4050;height:100%;position:fixed;display:none}body.canvas-menu.mini-navbar nav.navbar-static-side{display:block;width:220px}/*!******************************************************************************
|
|
146
146
|
* ___ _ ____ ____
|
|
147
147
|
* / _ \ _ _ ___ ___| |_| _ \| __ )
|
|
148
148
|
* | | | | | | |/ _ \/ __| __| | | | _ \
|
|
@@ -318,7 +318,7 @@
|
|
|
318
318
|
* See the License for the specific language governing permissions and
|
|
319
319
|
* limitations under the License.
|
|
320
320
|
*
|
|
321
|
-
******************************************************************************/#grid{height:100%;width:100%;flex-direction:column;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;overflow:hidden}.qg-header-row{display:flex;overflow:hidden;height:
|
|
321
|
+
******************************************************************************/#grid{height:100%;width:100%;flex-direction:column;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;overflow:hidden}.qg-header-row{display:flex;overflow:hidden;height:55px;position:relative}.qg-header-row .qg-header:nth-last-child(2){border-right:none !important}.qg-timestamp{color:#50fa7b}.qg-null{color:#939393}.qg-header-row,.qg-r{white-space:nowrap}.qg-r{display:flex;border-bottom:1px solid #44475a;position:absolute;left:0;right:0}.qg-hover .qg-r:hover{background-color:#323342}.qg-r:focus{outline:none}.qg-last-col{border-right:thin dotted #44475a}.qg-hover .qg-r-active:hover{background-color:#323342;color:#f8f8f2}.qg-r-active{background-color:#323342}.qg-stub{height:100% !important}.qg-stub-transparent{background:transparent !important}.qg-header{padding:10px 5px 10px 5px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#21222c}.qg-header-border{position:absolute;margin-top:10px;height:25px;border-left:thin dashed #cac30f;margin-left:-5px}.qg-header-l .qg-header-name,.qg-header-l .qg-header-type{text-align:left}.qg-drag-handle{margin-left:-15px;width:20px;height:100%;top:0;z-index:1;position:absolute}.qg-drag-handle:hover{cursor:col-resize}.qg-col-resize-ghost{position:absolute;width:5px;box-shadow:inset 0 0 0 2px #f1fa8c;height:0;background:#f1fa8c;top:0;left:0;cursor:col-resize}.qg-header-name,.qg-header-type{display:block;margin-left:13px;padding:0;text-align:right;overflow:hidden;text-overflow:ellipsis}.qg-header-name{font-weight:700;color:#f1fa8c !important;font-size:medium}.qg-header-type{color:#ff79c6;font-size:x-small;font-style:italic}.qg-header-l{text-align:left;flex-direction:row-reverse;white-space:nowrap;text-overflow:ellipsis}.qg-header-l .qg-header-type{text-align:left}.qg-viewport{overflow:auto;height:calc(100% - 35px)}.qg-canvas{position:relative;width:100%}.qg-c{position:absolute;padding:4px 5px 4px 5px;overflow:hidden;text-overflow:ellipsis;text-align:right;border-left:thin dotted #44475a}.qg-c-active{box-shadow:inset 0 0 0 2px #f1fa8c;border-radius:6px}.qg-r-active:hover .qg-c-active,.qg-r-active:hover .qg-c-active:hover{box-shadow:inset 0 0 0 2px #f1fa8c}#debug{float:right;width:300px;height:300px;background:#fff;border:1px solid red}/*!******************************************************************************
|
|
322
322
|
* ___ _ ____ ____
|
|
323
323
|
* / _ \ _ _ ___ ___| |_| _ \| __ )
|
|
324
324
|
* | | | | | | |/ _ \/ __| __| | | | _ \
|