Query Monitor - Version 3.6.8

Version Description

Download this release

Release Info

Developer johnbillion
Plugin Icon 128x128 Query Monitor
Version 3.6.8
Comparing to
See all releases

Code changes from version 3.6.7 to 3.6.8

assets/query-monitor-dark.css CHANGED
@@ -1,3 +1,4 @@
 
1
  /**
2
  * The dark colour scheme for Query Monitor.
3
  *
@@ -6,19 +7,15 @@
6
  #wpadminbar .quicklinks .menupop ul li.qm-true > a {
7
  color: #8c8 !important;
8
  }
9
-
10
  #wpadminbar .quicklinks .menupop ul li.qm-true > a:focus, #wpadminbar .quicklinks .menupop ul li.qm-true > a:hover {
11
  color: #47a747 !important;
12
  }
13
-
14
  #wpadminbar .qm-alert {
15
  background-color: #f60;
16
  }
17
-
18
  #wpadminbar .qm-alert:hover {
19
  background-color: #e65c00;
20
  }
21
-
22
  #wpadminbar #wp-admin-bar-query-monitor-stricts a,
23
  #wpadminbar #wp-admin-bar-query-monitor-deprecateds a,
24
  #wpadminbar #wp-admin-bar-query-monitor-notices a,
@@ -27,17 +24,14 @@
27
  #wpadminbar .qm-notice {
28
  background-color: #740;
29
  }
30
-
31
  #wpadminbar #wp-admin-bar-query-monitor-expensive a,
32
  #wpadminbar .qm-expensive {
33
  background-color: #b60;
34
  }
35
-
36
  #wpadminbar #wp-admin-bar-query-monitor-expensive a:hover,
37
  #wpadminbar .qm-expensive:hover {
38
  background-color: #915700;
39
  }
40
-
41
  #wpadminbar #wp-admin-bar-query-monitor-logger-warning a,
42
  #wpadminbar #wp-admin-bar-query-monitor-warnings a,
43
  #wpadminbar #wp-admin-bar-query-monitor-errors a,
@@ -45,7 +39,6 @@
45
  #wpadminbar .qm-warning {
46
  background-color: #c00;
47
  }
48
-
49
  #wpadminbar #wp-admin-bar-query-monitor-logger-warning a:hover,
50
  #wpadminbar #wp-admin-bar-query-monitor-warnings a:hover,
51
  #wpadminbar #wp-admin-bar-query-monitor-errors a:hover,
@@ -53,7 +46,6 @@
53
  #wpadminbar .qm-warning:hover {
54
  background-color: #b30000;
55
  }
56
-
57
  #wpadminbar #wp-admin-bar-query-monitor .ab-icon {
58
  color: #aaa !important;
59
  display: none !important;
@@ -61,7 +53,6 @@
61
  padding: 0 10px !important;
62
  width: auto !important;
63
  }
64
-
65
  @media screen and (max-width: 782px) {
66
  #wpadminbar #wp-admin-bar-query-monitor .ab-icon {
67
  display: block !important;
@@ -160,7 +151,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
160
  word-wrap: normal !important;
161
  width: auto !important;
162
  }
163
-
164
  #query-monitor-main dl::before, #query-monitor-main dl::after,
165
  #query-monitor-main dt::before,
166
  #query-monitor-main dt::after,
@@ -212,7 +202,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
212
  #query-monitor-main p::after {
213
  display: none !important;
214
  }
215
-
216
  #query-monitor-main {
217
  background: transparent !important;
218
  border: none !important;
@@ -254,62 +243,50 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
254
  text-align: left !important;
255
  z-index: 99998 !important;
256
  }
257
-
258
  #query-monitor-main::before, #query-monitor-main::after {
259
  display: none !important;
260
  }
261
-
262
  #query-monitor-main ::selection {
263
  background-color: #B9D6FB !important;
264
  color: #eaeef2 !important;
265
  }
266
-
267
  #query-monitor-main strong,
268
  #query-monitor-main b {
269
  font-weight: bold !important;
270
  }
271
-
272
  #query-monitor-main em,
273
  #query-monitor-main i {
274
  font-style: italic !important;
275
  }
276
-
277
  #query-monitor-main.qm-show, #query-monitor-main.qm-peek {
278
  display: flex;
279
  flex-direction: column !important;
280
  height: 27px;
281
  }
282
-
283
  #query-monitor-main.qm-show {
284
  height: 40%;
285
  width: 40%;
286
  }
287
-
288
  #query-monitor-main:not(.qm-show-right) {
289
  width: 100% !important;
290
  }
291
-
292
  #query-monitor-main.qm-show-right {
293
- height: calc( 100vh - 32px) !important;
294
  top: 32px !important;
295
  left: unset !important;
296
  border-top: 0 !important;
297
  border-left: 1px solid #50626f !important;
298
  }
299
-
300
  #query-monitor-main.qm-show-right #qm-panel-menu,
301
  #query-monitor-main.qm-show-right #qm-title h1.qm-title-heading {
302
  display: none;
303
  }
304
-
305
  #query-monitor-main.qm-show-right #qm-title div.qm-title-heading {
306
  display: block;
307
  }
308
-
309
  #query-monitor-main.qm-show-right #qm-title {
310
  cursor: default !important;
311
  }
312
-
313
  #query-monitor-main.qm-show-right #qm-side-resizer {
314
  background: transparent !important;
315
  cursor: ew-resize !important;
@@ -321,19 +298,16 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
321
  width: 4px !important;
322
  z-index: 2 !important;
323
  }
324
-
325
  #query-monitor-main.qm-show-right.qm-peek {
326
  height: 100vh !important;
327
  top: 0 !important;
328
  }
329
-
330
  #query-monitor-main #qm-wrapper {
331
  display: flex;
332
  flex-grow: 1 !important;
333
  /* Fix nested scrolling in Firefox. See https://bugzilla.mozilla.org/show_bug.cgi?id=1043520: */
334
  min-height: 0;
335
  }
336
-
337
  #query-monitor-main #qm-title {
338
  align-items: center !important;
339
  background: #32373c !important;
@@ -348,42 +322,34 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
348
  -webkit-user-select: none !important;
349
  user-select: none !important;
350
  }
351
-
352
  #query-monitor-main #qm-title .qm-title-heading {
353
  border-right: 1px solid #bbb !important;
354
  flex-grow: 1 !important;
355
  margin-right: 6px !important;
356
  }
357
-
358
  #query-monitor-main #qm-title div.qm-title-heading {
359
  display: none;
360
  }
361
-
362
  #query-monitor-main #qm-title .qm-title-button {
363
  flex-shrink: 0 !important;
364
  }
365
-
366
  #query-monitor-main #qm-title .dashicons {
367
  transition: none !important;
368
  height: 20px !important;
369
  width: 20px !important;
370
  }
371
-
372
  #query-monitor-main #qm-title .qm-button-container-close {
373
  margin-right: 10px !important;
374
  }
375
-
376
  #query-monitor-main #qm-title .qm-button-container-close .dashicons {
377
  font-size: 20px !important;
378
  margin: 3px 0 3px !important;
379
  }
380
-
381
  @media screen and (max-width: 960px) {
382
  #query-monitor-main #qm-title .qm-button-container-position {
383
  display: none !important;
384
  }
385
  }
386
-
387
  #query-monitor-main #qm-title button {
388
  background: transparent !important;
389
  color: #bbc8d4 !important;
@@ -393,7 +359,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
393
  min-width: auto !important;
394
  padding: 0px 4px !important;
395
  }
396
-
397
  #query-monitor-main #qm-title button:focus *,
398
  #query-monitor-main #qm-title button:hover *,
399
  #query-monitor-main #qm-title button:focus,
@@ -401,36 +366,29 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
401
  background: #bbc8d4 !important;
402
  color: #32373c !important;
403
  }
404
-
405
  #query-monitor-main #qm-title button:active *,
406
  #query-monitor-main #qm-title button:active {
407
  background: #ccc !important;
408
  }
409
-
410
  #query-monitor-main #qm-title button.qm-button-active {
411
  color: #3879d9 !important;
412
  }
413
-
414
  #query-monitor-main #qm-title .qm-button-container-settings .dashicons {
415
  font-size: 17px !important;
416
  margin: 4px 0 2px !important;
417
  }
418
-
419
  #query-monitor-main #qm-title .qm-button-container-position .dashicons {
420
  font-size: 15px !important;
421
  margin: 2px -1px 3px 4px !important;
422
  transform: scaleX(-1) rotate(90deg) !important;
423
  }
424
-
425
  #query-monitor-main.qm-show-right #qm-title .qm-button-container-position .dashicons {
426
  margin: 4px 1px 0px 1px !important;
427
  transform: none !important;
428
  }
429
-
430
  #query-monitor-main .qm {
431
  display: none !important;
432
  }
433
-
434
  #query-monitor-main #qm-panel-menu {
435
  background: #23282d !important;
436
  flex-shrink: 0 !important;
@@ -438,7 +396,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
438
  overscroll-behavior: contain !important;
439
  height: auto !important;
440
  }
441
-
442
  #query-monitor-main #qm-panel-menu ul {
443
  display: block !important;
444
  list-style: none !important;
@@ -447,18 +404,15 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
447
  width: auto !important;
448
  height: auto !important;
449
  }
450
-
451
  #query-monitor-main #qm-panel-menu li {
452
  display: list-item !important;
453
  margin: 0 !important;
454
  padding: 0 !important;
455
  height: auto !important;
456
  }
457
-
458
  #query-monitor-main #qm-panel-menu li ul {
459
  display: none !important;
460
  }
461
-
462
  #query-monitor-main #qm-panel-menu li button {
463
  background: #23282d !important;
464
  border-bottom: 1px solid #32373c !important;
@@ -471,66 +425,54 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
471
  text-decoration: none !important;
472
  width: 100% !important;
473
  }
474
-
475
  #query-monitor-main #qm-panel-menu li button:focus,
476
  #query-monitor-main #qm-panel-menu li button:hover {
477
  background: #3e444a !important;
478
  color: #bbc8d4 !important;
479
  }
480
-
481
  #query-monitor-main #qm-panel-menu li button:focus {
482
  text-decoration: underline !important;
483
  }
484
-
485
  #query-monitor-main #qm-panel-menu li button:active {
486
  text-decoration: none !important;
487
  background: #0073aa !important;
488
  color: #fff !important;
489
  text-shadow: 0 -1px 1px #006291, 1px 0 1px #006291, 0 1px 1px #006291, -1px 0 1px #006291 !important;
490
  }
491
-
492
  #query-monitor-main #qm-panel-menu li.qm-current-menu ul {
493
  display: block !important;
494
  }
495
-
496
  #query-monitor-main #qm-panel-menu li.qm-current-menu button {
497
  background: #32373c !important;
498
  color: #eaeef2 !important;
499
  }
500
-
501
  #query-monitor-main #qm-panel-menu li.qm-current-menu button:focus {
502
  background: #3e444a !important;
503
  color: #eaeef2 !important;
504
  }
505
-
506
  #query-monitor-main #qm-panel-menu li.qm-current-menu button:hover {
507
  background: #3e444a !important;
508
  color: #bbc8d4 !important;
509
  }
510
-
511
  #query-monitor-main #qm-panel-menu li li button::before {
512
- content: "\2514" !important;
513
  display: inline-block !important;
514
  margin-right: 5px !important;
515
  }
516
-
517
- #query-monitor-main #qm-panel-menu li button[aria-selected="true"] {
518
  background: #0073aa !important;
519
  color: #fff !important;
520
  text-shadow: 0 -1px 1px #006291, 1px 0 1px #006291, 0 1px 1px #006291, -1px 0 1px #006291 !important;
521
  }
522
-
523
- #query-monitor-main #qm-panel-menu li button[aria-selected="true"]:focus {
524
  background: #0084c4 !important;
525
  color: #fff !important;
526
  }
527
-
528
- #query-monitor-main #qm-panel-menu li button[aria-selected="true"]:hover {
529
  background: #0073aa !important;
530
  color: #fff !important;
531
  }
532
-
533
- #query-monitor-main #qm-panel-menu li button[aria-selected="true"]:after {
534
  border: solid 8px transparent;
535
  border-right-color: #23282d;
536
  content: " ";
@@ -543,45 +485,36 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
543
  top: 50%;
544
  width: 0;
545
  }
546
-
547
  #query-monitor-main #qm-panels {
548
  flex-grow: 1 !important;
549
  overflow-y: scroll !important;
550
  overscroll-behavior: contain !important;
551
  }
552
-
553
  #query-monitor-main .qm.qm-panel-show {
554
  display: block !important;
555
  }
556
-
557
  #query-monitor-main .qm:focus {
558
  outline: 0 !important;
559
  /* @TODO might not need this any more */
560
  }
561
-
562
  #query-monitor-main .qm-boxed {
563
  display: flex !important;
564
  flex-wrap: wrap !important;
565
  }
566
-
567
  #query-monitor-main .qm-boxed:not(#qm-broken) + .qm-boxed {
568
  border-top: 1px solid #50626f !important;
569
  padding-top: 10px !important;
570
  }
571
-
572
  #query-monitor-main .qm-boxed-wrap {
573
  flex-wrap: wrap !important;
574
  }
575
-
576
  #query-monitor-main .qm .qm-none {
577
  margin: 2em !important;
578
  }
579
-
580
  #query-monitor-main .qm .qm-none p {
581
  font-style: italic !important;
582
  text-align: center !important;
583
  }
584
-
585
  #query-monitor-main .qm table {
586
  border: none !important;
587
  border-collapse: collapse !important;
@@ -591,16 +524,13 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
591
  table-layout: auto !important;
592
  width: 100% !important;
593
  }
594
-
595
  #query-monitor-main .qm table + table {
596
  border-top: 1px solid #23282d !important;
597
  margin-top: 5px !important;
598
  }
599
-
600
  #query-monitor-main .qm tr {
601
  border: none !important;
602
  }
603
-
604
  #query-monitor-main .qm tbody th,
605
  #query-monitor-main .qm tbody td,
606
  #query-monitor-main .qm tfoot th,
@@ -609,13 +539,11 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
609
  padding: 5px 5px 4px 5px !important;
610
  vertical-align: top !important;
611
  }
612
-
613
  #query-monitor-main .qm tbody th,
614
  #query-monitor-main .qm tbody td {
615
  border-bottom: none !important;
616
  border-top: none !important;
617
  }
618
-
619
  #query-monitor-main .qm thead th {
620
  background: #32373c !important;
621
  border: 1px solid #23282d !important;
@@ -627,16 +555,13 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
627
  top: 0 !important;
628
  z-index: 1 !important;
629
  }
630
-
631
  #query-monitor-main .qm thead th,
632
  #query-monitor-main .qm thead td {
633
  vertical-align: top !important;
634
  }
635
-
636
  #query-monitor-main .qm thead .qm-th {
637
  display: flex !important;
638
  }
639
-
640
  #query-monitor-main .qm tfoot tr td,
641
  #query-monitor-main .qm tfoot tr th {
642
  background: #32373c !important;
@@ -646,170 +571,142 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
646
  position: -webkit-sticky !important;
647
  position: sticky !important;
648
  }
649
-
650
  #query-monitor-main .qm th:first-child,
651
  #query-monitor-main .qm td:first-child {
652
  border-left: none !important;
653
  }
654
-
655
  #query-monitor-main .qm th:last-child,
656
  #query-monitor-main .qm td:last-child {
657
  border-right: none !important;
658
  }
659
-
660
  #query-monitor-main .qm tfoot td.qm-num,
661
  #query-monitor-main .qm tfoot th.qm-num,
662
  #query-monitor-main .qm thead td.qm-num,
663
  #query-monitor-main .qm thead th.qm-num {
664
  width: 5.5em !important;
665
  }
666
-
667
  #query-monitor-main .qm th.qm-num,
668
  #query-monitor-main .qm td.qm-num {
669
  text-align: right !important;
670
  }
671
-
672
  #query-monitor-main .qm td.qm-num {
673
  font-family: Menlo, Monaco, Consolas, monospace !important;
674
  font-size: 11px !important;
675
  line-height: 18px !important;
676
  }
677
-
678
  #query-monitor-main .qm td.qm-row-sql {
679
  min-width: 25em !important;
680
  }
681
-
682
  #query-monitor-main .qm td.qm-row-block-attrs,
 
683
  #query-monitor-main .qm td.qm-row-block-html {
684
  max-width: 40em !important;
685
  }
686
-
 
 
687
  #query-monitor-main .qm tr.qm-warn td.qm-col-status,
688
  #query-monitor-main .qm td.qm-url,
689
  #query-monitor-main .qm th.qm-col-message,
690
  #query-monitor-main .qm td.qm-row-component {
691
  min-width: 15em !important;
692
  }
693
-
694
  #query-monitor-main .qm td.qm-has-toggle {
695
  padding-right: 24px !important;
696
  position: relative !important;
697
  }
698
-
699
  #query-monitor-main .qm td.qm-has-toggle:not(.qm-toggled-on) .qm-supplemental {
700
  display: none;
701
  }
702
-
703
  #query-monitor-main .qm .qm-inner-toggle {
704
  padding: 4px 6px !important;
705
  }
706
-
707
  #query-monitor-main .qm .qm-has-inner .qm-toggled > table {
708
  border-bottom: none !important;
709
  border-top: 1px solid #23282d !important;
710
  }
711
-
712
  #query-monitor-main .qm td.qm-has-inner .qm-toggler,
713
  #query-monitor-main .qm td.qm-has-inner {
714
  padding: 0 !important;
715
  }
716
-
717
  #query-monitor-main .qm caption h2 {
718
  font-size: 14px !important;
719
  margin: 20px !important;
720
  }
721
-
722
  #query-monitor-main .qm-concerns table {
723
  border-top: 1px solid #23282d !important;
724
  margin-bottom: 20px !important;
725
  }
726
-
727
  #query-monitor-main .qm-non-tabular {
728
  padding: 10px 20px !important;
729
  }
730
-
731
  #query-monitor-main .qm-non-tabular h3 {
732
  font-size: 14px !important;
733
  margin: 0 0 15px 0 !important;
734
  }
735
-
736
  #query-monitor-main .qm-non-tabular h4 {
737
  font-size: 12px !important;
738
  margin: 20px 0 10px !important;
739
  }
740
-
741
  #query-monitor-main .qm-non-tabular p {
742
  margin-bottom: 10px !important;
743
  }
744
-
745
  #query-monitor-main .qm-non-tabular dl {
746
  display: flex !important;
747
  flex-wrap: wrap !important;
748
  max-width: 60em !important;
749
  }
750
-
751
  #query-monitor-main .qm-non-tabular dt {
752
  border-top: 1px solid #50626f !important;
753
  flex-grow: 0;
754
  flex: 1 0 16em;
755
  padding: 10px 10px 10px 0 !important;
756
  }
757
-
758
  #query-monitor-main .qm-non-tabular dd {
759
  border-top: 1px solid #50626f !important;
760
  flex: 1 0 calc(100% - 10px - 16em);
761
  padding: 10px 0 !important;
762
  }
763
-
764
  #query-monitor-main .qm-non-tabular section,
765
  #query-monitor-main .qm-non-tabular .qm-section {
766
  margin: 0 0 30px 0 !important;
767
  }
768
-
769
  #query-monitor-main .qm-non-tabular .qm-boxed section,
770
  #query-monitor-main .qm-non-tabular .qm-boxed .qm-section {
771
  border-right: 1px solid #50626f !important;
772
  margin: 0 20px 10px 0 !important;
773
  padding: 10px 20px 10px 0 !important;
774
  }
775
-
776
  #query-monitor-main .qm-non-tabular .qm-boxed section:last-child,
777
  #query-monitor-main .qm-non-tabular .qm-boxed .qm-section:last-child {
778
  border-right: none !important;
779
  margin-right: 0 !important;
780
  padding-right: 20px !important;
781
  }
782
-
783
  #query-monitor-main .qm-non-tabular table {
784
  border-bottom-color: #23282d !important;
785
  }
786
-
787
  #query-monitor-main #qm-conditionals li {
788
  display: inline-block !important;
789
  margin: 0 20px 5px 0 !important;
790
  }
791
-
792
  #query-monitor-main .qm ol,
793
  #query-monitor-main .qm ul {
794
  list-style: none !important;
795
  }
796
-
797
  #query-monitor-main .qm li {
798
  display: list-item !important;
799
  list-style: none !important;
800
  }
801
-
802
  #query-monitor-main .qm li::before {
803
- content: '' !important;
804
  }
805
-
806
  #query-monitor-main .qm code,
807
  #query-monitor-main .qm pre {
808
  font-family: Menlo, Monaco, Consolas, monospace !important;
809
  font-size: 11px !important;
810
  line-height: 18px !important;
811
  }
812
-
813
  #query-monitor-main .qm pre {
814
  background: transparent !important;
815
  height: auto !important;
@@ -817,65 +714,54 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
817
  padding: 0 !important;
818
  width: auto !important;
819
  }
820
-
821
  #query-monitor-main .qm .qm-true code,
822
  #query-monitor-main .qm p.qm-true,
823
  #query-monitor-main .qm span.qm-true,
824
  #query-monitor-main .qm td.qm-true {
825
  color: #282 !important;
826
  }
827
-
828
  #query-monitor-main .qm .qm-false code,
829
  #query-monitor-main .qm span.qm-false,
830
  #query-monitor-main .qm td.qm-false {
831
  color: #999 !important;
832
  }
833
-
834
  #query-monitor-main .qm .qm-num,
835
  #query-monitor-main .qm code,
836
  #query-monitor-main .qm .qm-nowrap {
837
  white-space: nowrap !important;
838
  }
839
-
840
  #query-monitor-main .qm .qm-wrap code,
841
  #query-monitor-main .qm .qm-wrap {
842
  white-space: normal !important;
843
  word-break: break-all !important;
844
  word-wrap: break-word !important;
845
  }
846
-
847
  #query-monitor-main .qm .qm-pre-wrap code {
848
  white-space: pre-wrap !important;
849
  word-break: break-all !important;
850
  word-wrap: break-word !important;
851
  }
852
-
853
  #query-monitor-main .qm .qm-sticky {
854
  position: sticky !important;
855
  top: 36px !important;
856
  }
857
-
858
  #query-monitor-main .qm .qm-current,
859
  #query-monitor-main .qm td.qm-has-toggle p,
860
  #query-monitor-main .qm .qm-nonselectsql code,
861
  #query-monitor-main .qm .qm-nonselectsql {
862
  color: #a6a !important;
863
  }
864
-
865
  #query-monitor-main .qm .qm-info {
866
  color: #aaa !important;
867
  }
868
-
869
  #query-monitor-main .qm .qm-supplemental {
870
  margin-left: 0.75em !important;
871
  margin-right: 0.75em !important;
872
  }
873
-
874
  #query-monitor-main .qm td.qm-toggled-on .qm-inverse-toggled,
875
  #query-monitor-main .qm td .qm-toggled {
876
  display: none;
877
  }
878
-
879
  #query-monitor-main .qm button.qm-button,
880
  #query-monitor-main .qm .qm-toggle {
881
  background: #0085ba !important;
@@ -886,7 +772,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
886
  font-weight: normal !important;
887
  text-shadow: none !important;
888
  }
889
-
890
  #query-monitor-main .qm .qm-toggle {
891
  bottom: auto !important;
892
  font-family: Menlo, Monaco, Consolas, monospace !important;
@@ -901,20 +786,16 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
901
  user-select: none;
902
  width: 18px !important;
903
  }
904
-
905
  #query-monitor-main .qm button {
906
  cursor: pointer !important;
907
  }
908
-
909
  #query-monitor-main .qm button.qm-button {
910
  padding: 4px 10px !important;
911
  }
912
-
913
  #query-monitor-main .qm .qm-has-inner .qm-toggle {
914
  right: 5px !important;
915
  top: 5px !important;
916
  }
917
-
918
  #query-monitor-main .qm button.qm-button:hover,
919
  #query-monitor-main .qm .qm-toggle:hover {
920
  background: #007aab !important;
@@ -922,7 +803,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
922
  color: #fff !important;
923
  text-decoration: none !important;
924
  }
925
-
926
  #query-monitor-main .qm button.qm-button:focus,
927
  #query-monitor-main .qm .qm-toggle:focus {
928
  background: #007aab !important;
@@ -930,7 +810,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
930
  color: #fff !important;
931
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007aab !important;
932
  }
933
-
934
  #query-monitor-main .qm button.qm-button:active,
935
  #query-monitor-main .qm .qm-toggle:active {
936
  background: #006f9b !important;
@@ -938,19 +817,16 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
938
  color: #fff !important;
939
  box-shadow: none !important;
940
  }
941
-
942
  #query-monitor-main .qm tbody tr.qm-odd td,
943
  #query-monitor-main .qm tbody tr.qm-odd th {
944
  background: #32373c !important;
945
  }
946
-
947
  #query-monitor-main .qm-non-tabular .qm-warn,
948
  #query-monitor-main .qm thead tr .qm-warn,
949
  #query-monitor-main .qm tbody tr .qm-warn {
950
  background-color: #522 !important;
951
  color: #fff0f0 !important;
952
  }
953
-
954
  #query-monitor-main .qm tbody tr th.qm-warn,
955
  #query-monitor-main .qm tbody tr td.qm-warn,
956
  #query-monitor-main .qm tbody tr.qm-warn td,
@@ -958,14 +834,12 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
958
  background-color: #522 !important;
959
  color: #fff0f0 !important;
960
  }
961
-
962
  #query-monitor-main .qm tbody tr.qm-odd th.qm-warn,
963
  #query-monitor-main .qm tbody tr.qm-odd td.qm-warn,
964
  #query-monitor-main .qm tbody tr.qm-odd.qm-warn td,
965
  #query-monitor-main .qm tbody tr.qm-odd.qm-warn th {
966
  background-color: #502020 !important;
967
  }
968
-
969
  #query-monitor-main .qm-non-tabular .qm-warn code,
970
  #query-monitor-main .qm tbody .qm-warn li,
971
  #query-monitor-main .qm tbody .qm-warn .qm-info,
@@ -973,14 +847,12 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
973
  background-color: transparent !important;
974
  color: #fff0f0 !important;
975
  }
976
-
977
  #query-monitor-main .qm .qm-notice {
978
  background: #32373c !important;
979
  border: 1px solid #1b1e20 !important;
980
  margin: 0 0 10px 0 !important;
981
  padding: 10px 20px 0 !important;
982
  }
983
-
984
  #query-monitor-main .qm .dashicons {
985
  font-size: 16px !important;
986
  height: 16px !important;
@@ -988,25 +860,23 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
988
  transition: none !important;
989
  width: 16px !important;
990
  }
991
-
992
  #query-monitor-main .qm .qm-dashicons-yes {
993
  background-color: #0a0 !important;
994
  border-radius: 50% !important;
995
  color: #fff !important;
996
  }
997
-
998
  #query-monitor-main .qm tbody tr td.qm-highlight,
 
999
  #query-monitor-main .qm tbody tr.qm-highlight td {
1000
  background-color: #57572a !important;
1001
  color: #eaeef2 !important;
1002
  }
1003
-
1004
  #query-monitor-main .qm tbody tr.qm-odd td.qm-highlight,
 
1005
  #query-monitor-main .qm tbody tr.qm-odd.qm-highlight td {
1006
  background-color: #494923 !important;
1007
  color: #eaeef2 !important;
1008
  }
1009
-
1010
  #query-monitor-main .qm tbody tr.qm-odd.qm-hovered th,
1011
  #query-monitor-main .qm tbody tr.qm-odd.qm-hovered td,
1012
  #query-monitor-main .qm tbody tr.qm-odd:hover th,
@@ -1017,12 +887,10 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1017
  #query-monitor-main .qm tbody tr:hover td {
1018
  background: #373c42 !important;
1019
  }
1020
-
1021
  #query-monitor-main .qm thead th.qm-filtered select.qm-filter {
1022
  background-color: #57572a !important;
1023
  color: #eaeef2 !important;
1024
  }
1025
-
1026
  #query-monitor-main .qm button.qm-filter-trigger,
1027
  #query-monitor-main .qm button.qm-filter-trigger code,
1028
  #query-monitor-main .qm tbody .qm-warn a code,
@@ -1032,7 +900,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1032
  cursor: pointer !important;
1033
  text-decoration: none !important;
1034
  }
1035
-
1036
  #query-monitor-main .qm button.qm-filter-trigger:after, #query-monitor-main .qm button.qm-filter-trigger:focus, #query-monitor-main .qm button.qm-filter-trigger:hover,
1037
  #query-monitor-main .qm button.qm-filter-trigger code:after,
1038
  #query-monitor-main .qm button.qm-filter-trigger code:focus,
@@ -1049,7 +916,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1049
  color: #4092d2 !important;
1050
  text-decoration: underline !important;
1051
  }
1052
-
1053
  #query-monitor-main .qm button.qm-filter-trigger:active,
1054
  #query-monitor-main .qm button.qm-filter-trigger code:active,
1055
  #query-monitor-main .qm tbody .qm-warn a code:active,
@@ -1058,7 +924,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1058
  color: #69aadc !important;
1059
  text-decoration: underline !important;
1060
  }
1061
-
1062
  #query-monitor-main .qm a.qm-external-link:after,
1063
  #query-monitor-main .qm a.qm-link:after,
1064
  #query-monitor-main .qm a.qm-edit-link:after,
@@ -1074,14 +939,12 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1074
  top: 2px !important;
1075
  visibility: hidden !important;
1076
  }
1077
-
1078
  #query-monitor-main .qm button.qm-filter-info:before {
1079
  left: unset !important;
1080
  right: 2px !important;
1081
- content: '\f534' !important;
1082
  visibility: visible !important;
1083
  }
1084
-
1085
  #query-monitor-main .qm a.qm-external-link:after,
1086
  #query-monitor-main .qm a.qm-link:hover:after,
1087
  #query-monitor-main .qm a.qm-link:focus:after,
@@ -1091,24 +954,19 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1091
  #query-monitor-main .qm button.qm-filter-trigger:focus:after {
1092
  visibility: visible !important;
1093
  }
1094
-
1095
  #query-monitor-main .qm button.qm-filter-trigger:after {
1096
- content: '\f536' !important;
1097
  }
1098
-
1099
  #query-monitor-main .qm a.qm-edit-link:after {
1100
- content: '\f464' !important;
1101
  }
1102
-
1103
  #query-monitor-main .qm a.qm-external-link:after,
1104
  #query-monitor-main .qm a.qm-link:after {
1105
- content: '\f504' !important;
1106
  }
1107
-
1108
  #query-monitor-main #qm-ajax-errors {
1109
  display: none;
1110
  }
1111
-
1112
  #query-monitor-main button,
1113
  #query-monitor-main select {
1114
  background: none !important;
@@ -1117,7 +975,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1117
  margin: 0 !important;
1118
  width: auto !important;
1119
  }
1120
-
1121
  #query-monitor-main .qm label {
1122
  color: #eaeef2 !important;
1123
  cursor: pointer !important;
@@ -1126,25 +983,20 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1126
  font-weight: normal !important;
1127
  margin: 0 !important;
1128
  }
1129
-
1130
  #query-monitor-main .qm thead label {
1131
  flex-grow: 1 !important;
1132
  }
1133
-
1134
  #query-monitor-main .qm .qm-filter-container {
1135
  display: flex !important;
1136
  }
1137
-
1138
  #query-monitor-main .qm .qm-filter-container label {
1139
  cursor: default !important;
1140
  white-space: nowrap !important;
1141
  }
1142
-
1143
  #query-monitor-main .qm .qm-filter-container div {
1144
  /* Some themes use Select2 etc on all selects. This hides that. */
1145
  display: none !important;
1146
  }
1147
-
1148
  #query-monitor-main .qm select.qm-filter {
1149
  -webkit-appearance: menulist !important;
1150
  -moz-appearance: menulist !important;
@@ -1163,11 +1015,9 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1163
  padding: 0 !important;
1164
  width: auto !important;
1165
  }
1166
-
1167
  #query-monitor-main .qm select.qm-filter:hover {
1168
  background: #32373c !important;
1169
  }
1170
-
1171
  #query-monitor-main .qm-hide,
1172
  #query-monitor-main .qm-hide-scripts-dependencies,
1173
  #query-monitor-main .qm-hide-styles-dependencies,
@@ -1183,24 +1033,19 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1183
  #query-monitor-main .qm-hide-component {
1184
  display: none !important;
1185
  }
1186
-
1187
  #query-monitor-main .qm thead th.qm-sortable-column {
1188
  cursor: pointer !important;
1189
  }
1190
-
1191
  #query-monitor-main .qm thead th.qm-sortable-column:hover {
1192
  background: #32373c !important;
1193
  }
1194
-
1195
  #query-monitor-main .qm .qm-sort-heading {
1196
  flex-grow: 1 !important;
1197
  }
1198
-
1199
  #query-monitor-main .qm .qm-sort-controls {
1200
  flex-shrink: 0 !important;
1201
  text-align: right !important;
1202
  }
1203
-
1204
  #query-monitor-main .qm .qm-sortable-column .qm-sort-arrow {
1205
  color: #ccc !important;
1206
  display: block !important;
@@ -1210,39 +1055,32 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1210
  margin: 0 !important;
1211
  width: 16px !important;
1212
  }
1213
-
1214
  #query-monitor-main .qm .qm-sortable-column .qm-sort-arrow::before {
1215
- content: "\f140" !important;
1216
  position: absolute !important;
1217
  right: 0 !important;
1218
  top: 4px !important;
1219
  }
1220
-
1221
  #query-monitor-main .qm .qm-sorted-desc .qm-sort-arrow,
1222
  #query-monitor-main .qm .qm-sorted-asc .qm-sort-arrow {
1223
  color: #eaeef2 !important;
1224
  }
1225
-
1226
  #query-monitor-main .qm thead th.qm-sortable-column:hover .qm-sort-arrow {
1227
  color: #0073aa !important;
1228
  }
1229
-
1230
  #query-monitor-main .qm .qm-sortable-column.qm-sorted-asc .qm-sort-arrow::before {
1231
- content: "\f142" !important;
1232
  }
1233
-
1234
  #query-monitor-main .qm button:focus,
1235
  #query-monitor-main .qm a:focus,
1236
  #query-monitor-main .qm select:focus {
1237
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007aab !important;
1238
  }
1239
-
1240
  #query-monitor-main .qm button:active,
1241
  #query-monitor-main .qm a:active,
1242
  #query-monitor-main .qm select:active {
1243
  box-shadow: none !important;
1244
  }
1245
-
1246
  #query-monitor-main .qm-screen-reader-text,
1247
  #query-monitor-main .screen-reader-text {
1248
  border: 0 !important;
@@ -1254,52 +1092,41 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1254
  position: absolute !important;
1255
  width: 1px !important;
1256
  }
1257
-
1258
  @media screen and (max-width: 782px) {
1259
  #query-monitor-main #qm-panel-menu,
1260
- #query-monitor-main #qm-title h1.qm-title-heading {
1261
  display: none;
1262
  }
1263
  #query-monitor-main #qm-title div.qm-title-heading {
1264
  display: block;
1265
  }
1266
  }
1267
-
1268
- #query-monitor-main [data-qm-state="off"] [data-qm-state-visibility="on"],
1269
- #query-monitor-main [data-qm-state="on"] [data-qm-state-visibility="off"] {
1270
  display: none;
1271
  }
1272
-
1273
- #query-monitor-main.qm-no-js .qm-sort-controls,
1274
- #query-monitor-main.qm-no-js .qm-toggle,
1275
- #query-monitor-main.qm-no-js select.qm-filter {
1276
  display: none !important;
1277
  }
1278
-
1279
  #query-monitor-main .qm.qm-debug-bar textarea,
1280
  #query-monitor-main .qm.qm-debug-bar pre {
1281
  border: 1px solid #50626f !important;
1282
  margin: 4px 0 !important;
1283
  padding: 10px !important;
1284
  }
1285
-
1286
  #query-monitor-main .qm.qm-debug-bar textarea {
1287
  resize: vertical !important;
1288
  }
1289
-
1290
  #query-monitor-main .qm.qm-debug-bar .left {
1291
  float: left !important;
1292
  }
1293
-
1294
  #query-monitor-main .qm.qm-debug-bar .right {
1295
  float: right !important;
1296
  }
1297
-
1298
  #query-monitor-main .qm.qm-debug-bar h2 {
1299
  font-size: 14px !important;
1300
  margin: 4px 6px 15px !important;
1301
  }
1302
-
1303
  #query-monitor-main .qm.qm-debug-bar h3 {
1304
  clear: none !important;
1305
  float: left !important;
@@ -1310,87 +1137,65 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1310
  padding: 5px 10px 15px !important;
1311
  text-align: center !important;
1312
  }
1313
-
1314
  #query-monitor-main .qm.qm-debug-bar h3 small {
1315
  font-size: 14px !important;
1316
  }
1317
-
1318
  #query-monitor-main .qm.qm-debug-bar h3 span {
1319
  display: block !important;
1320
  margin-bottom: 8px !important;
1321
  white-space: nowrap !important;
1322
  }
1323
-
1324
  #query-monitor-main .qm.qm-debug-bar h4 {
1325
  font-size: 13px !important;
1326
  margin: 15px 6px 5px !important;
1327
  }
1328
-
1329
  #query-monitor-main .qm.qm-debug-bar .qm-debug-bar-output {
1330
  position: relative !important;
1331
  }
1332
-
1333
  #query-monitor-main .qm.qm-debug-bar .qm-debug-bar-output table {
1334
  margin-bottom: 4px !important;
1335
  margin-top: 4px !important;
1336
  }
1337
-
1338
  #query-monitor-main #debug-menu-target-Debug_Bar_Console {
1339
  min-height: 400px !important;
1340
  }
1341
-
1342
  #query-monitor-main #debug-menu-target-Debug_Bar_Cache_Lookup,
1343
  #query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules,
1344
  #query-monitor-main #debug-menu-target-Debug_Bar_Widgets {
1345
  margin: 4px 6px !important;
1346
  }
1347
-
1348
  #query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules_Panel .filterui,
1349
  #query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules_Panel .dbrr {
1350
  margin: 0 !important;
1351
  }
1352
-
1353
  #query-monitor-main #qm-broken {
1354
  display: none !important;
1355
  }
1356
-
1357
  #query-monitor-main.qm-broken #qm-title {
1358
  cursor: default !important;
1359
  }
1360
-
1361
  #query-monitor-main.qm-broken #qm-title .qm-title-heading {
1362
  border-right: none !important;
1363
  }
1364
-
1365
- #query-monitor-main.qm-broken .qm td .qm-toggled,
1366
- #query-monitor-main.qm-broken #qm-broken,
1367
- #query-monitor-main.qm-broken .qm {
1368
  display: block !important;
1369
  }
1370
-
1371
- #query-monitor-main.qm-broken #qm-panel-menu,
1372
- #query-monitor-main.qm-broken #qm-settings,
1373
- #query-monitor-main.qm-broken #qm-title .qm-title-button {
1374
  display: none !important;
1375
  }
1376
-
1377
  #query-monitor-main.qm-broken .qm {
1378
  margin-bottom: 50px !important;
1379
  }
1380
-
1381
  #query-monitor-main.qm-broken .qm button.qm-filter-trigger {
1382
  color: #eaeef2 !important;
1383
  cursor: text !important;
1384
  }
1385
-
1386
  #query-monitor-main.qm-broken .qm button.qm-filter-trigger:after {
1387
  display: none !important;
1388
  }
1389
-
1390
  #query-monitor-main.qm-broken .qm button.qm-filter-trigger:focus, #query-monitor-main.qm-broken .qm button.qm-filter-trigger:hover, #query-monitor-main.qm-broken .qm button.qm-filter-trigger:active {
1391
  text-decoration: none !important;
1392
  }
1393
-
1394
  #query-monitor-main.qm-broken #qm-broken h2 {
1395
  padding: 20px !important;
1396
  }
@@ -1405,7 +1210,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1405
  position: absolute !important;
1406
  z-index: 99999 !important;
1407
  }
1408
-
1409
  #qm-fatal h2 {
1410
  font-size: 12px !important;
1411
  font-weight: normal !important;
@@ -1413,27 +1217,22 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1413
  background: #f3f3f3 !important;
1414
  margin: 0 !important;
1415
  }
1416
-
1417
  #qm-fatal .dashicons {
1418
  color: #c00 !important;
1419
  }
1420
-
1421
  #qm-fatal ol,
1422
  #qm-fatal p {
1423
  font-size: 12px !important;
1424
  padding: 0 !important;
1425
  margin: 1em !important;
1426
  }
1427
-
1428
  #qm-fatal ol {
1429
  padding: 0 0 1em 1em !important;
1430
  }
1431
-
1432
  #qm-fatal li {
1433
  margin: 0 0 0.7em !important;
1434
  list-style: none !important;
1435
  }
1436
-
1437
  #qm-fatal .qm-info {
1438
  color: #666 !important;
1439
  }
@@ -1441,4 +1240,4 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1441
  body#error-page #qm-fatal {
1442
  margin: 0 !important;
1443
  border: none !important;
1444
- }
1
+ @charset "UTF-8";
2
  /**
3
  * The dark colour scheme for Query Monitor.
4
  *
7
  #wpadminbar .quicklinks .menupop ul li.qm-true > a {
8
  color: #8c8 !important;
9
  }
 
10
  #wpadminbar .quicklinks .menupop ul li.qm-true > a:focus, #wpadminbar .quicklinks .menupop ul li.qm-true > a:hover {
11
  color: #47a747 !important;
12
  }
 
13
  #wpadminbar .qm-alert {
14
  background-color: #f60;
15
  }
 
16
  #wpadminbar .qm-alert:hover {
17
  background-color: #e65c00;
18
  }
 
19
  #wpadminbar #wp-admin-bar-query-monitor-stricts a,
20
  #wpadminbar #wp-admin-bar-query-monitor-deprecateds a,
21
  #wpadminbar #wp-admin-bar-query-monitor-notices a,
24
  #wpadminbar .qm-notice {
25
  background-color: #740;
26
  }
 
27
  #wpadminbar #wp-admin-bar-query-monitor-expensive a,
28
  #wpadminbar .qm-expensive {
29
  background-color: #b60;
30
  }
 
31
  #wpadminbar #wp-admin-bar-query-monitor-expensive a:hover,
32
  #wpadminbar .qm-expensive:hover {
33
  background-color: #915700;
34
  }
 
35
  #wpadminbar #wp-admin-bar-query-monitor-logger-warning a,
36
  #wpadminbar #wp-admin-bar-query-monitor-warnings a,
37
  #wpadminbar #wp-admin-bar-query-monitor-errors a,
39
  #wpadminbar .qm-warning {
40
  background-color: #c00;
41
  }
 
42
  #wpadminbar #wp-admin-bar-query-monitor-logger-warning a:hover,
43
  #wpadminbar #wp-admin-bar-query-monitor-warnings a:hover,
44
  #wpadminbar #wp-admin-bar-query-monitor-errors a:hover,
46
  #wpadminbar .qm-warning:hover {
47
  background-color: #b30000;
48
  }
 
49
  #wpadminbar #wp-admin-bar-query-monitor .ab-icon {
50
  color: #aaa !important;
51
  display: none !important;
53
  padding: 0 10px !important;
54
  width: auto !important;
55
  }
 
56
  @media screen and (max-width: 782px) {
57
  #wpadminbar #wp-admin-bar-query-monitor .ab-icon {
58
  display: block !important;
151
  word-wrap: normal !important;
152
  width: auto !important;
153
  }
 
154
  #query-monitor-main dl::before, #query-monitor-main dl::after,
155
  #query-monitor-main dt::before,
156
  #query-monitor-main dt::after,
202
  #query-monitor-main p::after {
203
  display: none !important;
204
  }
 
205
  #query-monitor-main {
206
  background: transparent !important;
207
  border: none !important;
243
  text-align: left !important;
244
  z-index: 99998 !important;
245
  }
 
246
  #query-monitor-main::before, #query-monitor-main::after {
247
  display: none !important;
248
  }
 
249
  #query-monitor-main ::selection {
250
  background-color: #B9D6FB !important;
251
  color: #eaeef2 !important;
252
  }
 
253
  #query-monitor-main strong,
254
  #query-monitor-main b {
255
  font-weight: bold !important;
256
  }
 
257
  #query-monitor-main em,
258
  #query-monitor-main i {
259
  font-style: italic !important;
260
  }
 
261
  #query-monitor-main.qm-show, #query-monitor-main.qm-peek {
262
  display: flex;
263
  flex-direction: column !important;
264
  height: 27px;
265
  }
 
266
  #query-monitor-main.qm-show {
267
  height: 40%;
268
  width: 40%;
269
  }
 
270
  #query-monitor-main:not(.qm-show-right) {
271
  width: 100% !important;
272
  }
 
273
  #query-monitor-main.qm-show-right {
274
+ height: calc( 100vh - 32px ) !important;
275
  top: 32px !important;
276
  left: unset !important;
277
  border-top: 0 !important;
278
  border-left: 1px solid #50626f !important;
279
  }
 
280
  #query-monitor-main.qm-show-right #qm-panel-menu,
281
  #query-monitor-main.qm-show-right #qm-title h1.qm-title-heading {
282
  display: none;
283
  }
 
284
  #query-monitor-main.qm-show-right #qm-title div.qm-title-heading {
285
  display: block;
286
  }
 
287
  #query-monitor-main.qm-show-right #qm-title {
288
  cursor: default !important;
289
  }
 
290
  #query-monitor-main.qm-show-right #qm-side-resizer {
291
  background: transparent !important;
292
  cursor: ew-resize !important;
298
  width: 4px !important;
299
  z-index: 2 !important;
300
  }
 
301
  #query-monitor-main.qm-show-right.qm-peek {
302
  height: 100vh !important;
303
  top: 0 !important;
304
  }
 
305
  #query-monitor-main #qm-wrapper {
306
  display: flex;
307
  flex-grow: 1 !important;
308
  /* Fix nested scrolling in Firefox. See https://bugzilla.mozilla.org/show_bug.cgi?id=1043520: */
309
  min-height: 0;
310
  }
 
311
  #query-monitor-main #qm-title {
312
  align-items: center !important;
313
  background: #32373c !important;
322
  -webkit-user-select: none !important;
323
  user-select: none !important;
324
  }
 
325
  #query-monitor-main #qm-title .qm-title-heading {
326
  border-right: 1px solid #bbb !important;
327
  flex-grow: 1 !important;
328
  margin-right: 6px !important;
329
  }
 
330
  #query-monitor-main #qm-title div.qm-title-heading {
331
  display: none;
332
  }
 
333
  #query-monitor-main #qm-title .qm-title-button {
334
  flex-shrink: 0 !important;
335
  }
 
336
  #query-monitor-main #qm-title .dashicons {
337
  transition: none !important;
338
  height: 20px !important;
339
  width: 20px !important;
340
  }
 
341
  #query-monitor-main #qm-title .qm-button-container-close {
342
  margin-right: 10px !important;
343
  }
 
344
  #query-monitor-main #qm-title .qm-button-container-close .dashicons {
345
  font-size: 20px !important;
346
  margin: 3px 0 3px !important;
347
  }
 
348
  @media screen and (max-width: 960px) {
349
  #query-monitor-main #qm-title .qm-button-container-position {
350
  display: none !important;
351
  }
352
  }
 
353
  #query-monitor-main #qm-title button {
354
  background: transparent !important;
355
  color: #bbc8d4 !important;
359
  min-width: auto !important;
360
  padding: 0px 4px !important;
361
  }
 
362
  #query-monitor-main #qm-title button:focus *,
363
  #query-monitor-main #qm-title button:hover *,
364
  #query-monitor-main #qm-title button:focus,
366
  background: #bbc8d4 !important;
367
  color: #32373c !important;
368
  }
 
369
  #query-monitor-main #qm-title button:active *,
370
  #query-monitor-main #qm-title button:active {
371
  background: #ccc !important;
372
  }
 
373
  #query-monitor-main #qm-title button.qm-button-active {
374
  color: #3879d9 !important;
375
  }
 
376
  #query-monitor-main #qm-title .qm-button-container-settings .dashicons {
377
  font-size: 17px !important;
378
  margin: 4px 0 2px !important;
379
  }
 
380
  #query-monitor-main #qm-title .qm-button-container-position .dashicons {
381
  font-size: 15px !important;
382
  margin: 2px -1px 3px 4px !important;
383
  transform: scaleX(-1) rotate(90deg) !important;
384
  }
 
385
  #query-monitor-main.qm-show-right #qm-title .qm-button-container-position .dashicons {
386
  margin: 4px 1px 0px 1px !important;
387
  transform: none !important;
388
  }
 
389
  #query-monitor-main .qm {
390
  display: none !important;
391
  }
 
392
  #query-monitor-main #qm-panel-menu {
393
  background: #23282d !important;
394
  flex-shrink: 0 !important;
396
  overscroll-behavior: contain !important;
397
  height: auto !important;
398
  }
 
399
  #query-monitor-main #qm-panel-menu ul {
400
  display: block !important;
401
  list-style: none !important;
404
  width: auto !important;
405
  height: auto !important;
406
  }
 
407
  #query-monitor-main #qm-panel-menu li {
408
  display: list-item !important;
409
  margin: 0 !important;
410
  padding: 0 !important;
411
  height: auto !important;
412
  }
 
413
  #query-monitor-main #qm-panel-menu li ul {
414
  display: none !important;
415
  }
 
416
  #query-monitor-main #qm-panel-menu li button {
417
  background: #23282d !important;
418
  border-bottom: 1px solid #32373c !important;
425
  text-decoration: none !important;
426
  width: 100% !important;
427
  }
 
428
  #query-monitor-main #qm-panel-menu li button:focus,
429
  #query-monitor-main #qm-panel-menu li button:hover {
430
  background: #3e444a !important;
431
  color: #bbc8d4 !important;
432
  }
 
433
  #query-monitor-main #qm-panel-menu li button:focus {
434
  text-decoration: underline !important;
435
  }
 
436
  #query-monitor-main #qm-panel-menu li button:active {
437
  text-decoration: none !important;
438
  background: #0073aa !important;
439
  color: #fff !important;
440
  text-shadow: 0 -1px 1px #006291, 1px 0 1px #006291, 0 1px 1px #006291, -1px 0 1px #006291 !important;
441
  }
 
442
  #query-monitor-main #qm-panel-menu li.qm-current-menu ul {
443
  display: block !important;
444
  }
 
445
  #query-monitor-main #qm-panel-menu li.qm-current-menu button {
446
  background: #32373c !important;
447
  color: #eaeef2 !important;
448
  }
 
449
  #query-monitor-main #qm-panel-menu li.qm-current-menu button:focus {
450
  background: #3e444a !important;
451
  color: #eaeef2 !important;
452
  }
 
453
  #query-monitor-main #qm-panel-menu li.qm-current-menu button:hover {
454
  background: #3e444a !important;
455
  color: #bbc8d4 !important;
456
  }
 
457
  #query-monitor-main #qm-panel-menu li li button::before {
458
+ content: "" !important;
459
  display: inline-block !important;
460
  margin-right: 5px !important;
461
  }
462
+ #query-monitor-main #qm-panel-menu li button[aria-selected=true] {
 
463
  background: #0073aa !important;
464
  color: #fff !important;
465
  text-shadow: 0 -1px 1px #006291, 1px 0 1px #006291, 0 1px 1px #006291, -1px 0 1px #006291 !important;
466
  }
467
+ #query-monitor-main #qm-panel-menu li button[aria-selected=true]:focus {
 
468
  background: #0084c4 !important;
469
  color: #fff !important;
470
  }
471
+ #query-monitor-main #qm-panel-menu li button[aria-selected=true]:hover {
 
472
  background: #0073aa !important;
473
  color: #fff !important;
474
  }
475
+ #query-monitor-main #qm-panel-menu li button[aria-selected=true]:after {
 
476
  border: solid 8px transparent;
477
  border-right-color: #23282d;
478
  content: " ";
485
  top: 50%;
486
  width: 0;
487
  }
 
488
  #query-monitor-main #qm-panels {
489
  flex-grow: 1 !important;
490
  overflow-y: scroll !important;
491
  overscroll-behavior: contain !important;
492
  }
 
493
  #query-monitor-main .qm.qm-panel-show {
494
  display: block !important;
495
  }
 
496
  #query-monitor-main .qm:focus {
497
  outline: 0 !important;
498
  /* @TODO might not need this any more */
499
  }
 
500
  #query-monitor-main .qm-boxed {
501
  display: flex !important;
502
  flex-wrap: wrap !important;
503
  }
 
504
  #query-monitor-main .qm-boxed:not(#qm-broken) + .qm-boxed {
505
  border-top: 1px solid #50626f !important;
506
  padding-top: 10px !important;
507
  }
 
508
  #query-monitor-main .qm-boxed-wrap {
509
  flex-wrap: wrap !important;
510
  }
 
511
  #query-monitor-main .qm .qm-none {
512
  margin: 2em !important;
513
  }
 
514
  #query-monitor-main .qm .qm-none p {
515
  font-style: italic !important;
516
  text-align: center !important;
517
  }
 
518
  #query-monitor-main .qm table {
519
  border: none !important;
520
  border-collapse: collapse !important;
524
  table-layout: auto !important;
525
  width: 100% !important;
526
  }
 
527
  #query-monitor-main .qm table + table {
528
  border-top: 1px solid #23282d !important;
529
  margin-top: 5px !important;
530
  }
 
531
  #query-monitor-main .qm tr {
532
  border: none !important;
533
  }
 
534
  #query-monitor-main .qm tbody th,
535
  #query-monitor-main .qm tbody td,
536
  #query-monitor-main .qm tfoot th,
539
  padding: 5px 5px 4px 5px !important;
540
  vertical-align: top !important;
541
  }
 
542
  #query-monitor-main .qm tbody th,
543
  #query-monitor-main .qm tbody td {
544
  border-bottom: none !important;
545
  border-top: none !important;
546
  }
 
547
  #query-monitor-main .qm thead th {
548
  background: #32373c !important;
549
  border: 1px solid #23282d !important;
555
  top: 0 !important;
556
  z-index: 1 !important;
557
  }
 
558
  #query-monitor-main .qm thead th,
559
  #query-monitor-main .qm thead td {
560
  vertical-align: top !important;
561
  }
 
562
  #query-monitor-main .qm thead .qm-th {
563
  display: flex !important;
564
  }
 
565
  #query-monitor-main .qm tfoot tr td,
566
  #query-monitor-main .qm tfoot tr th {
567
  background: #32373c !important;
571
  position: -webkit-sticky !important;
572
  position: sticky !important;
573
  }
 
574
  #query-monitor-main .qm th:first-child,
575
  #query-monitor-main .qm td:first-child {
576
  border-left: none !important;
577
  }
 
578
  #query-monitor-main .qm th:last-child,
579
  #query-monitor-main .qm td:last-child {
580
  border-right: none !important;
581
  }
 
582
  #query-monitor-main .qm tfoot td.qm-num,
583
  #query-monitor-main .qm tfoot th.qm-num,
584
  #query-monitor-main .qm thead td.qm-num,
585
  #query-monitor-main .qm thead th.qm-num {
586
  width: 5.5em !important;
587
  }
 
588
  #query-monitor-main .qm th.qm-num,
589
  #query-monitor-main .qm td.qm-num {
590
  text-align: right !important;
591
  }
 
592
  #query-monitor-main .qm td.qm-num {
593
  font-family: Menlo, Monaco, Consolas, monospace !important;
594
  font-size: 11px !important;
595
  line-height: 18px !important;
596
  }
 
597
  #query-monitor-main .qm td.qm-row-sql {
598
  min-width: 25em !important;
599
  }
 
600
  #query-monitor-main .qm td.qm-row-block-attrs,
601
+ #query-monitor-main .qm td.qm-row-block-context,
602
  #query-monitor-main .qm td.qm-row-block-html {
603
  max-width: 40em !important;
604
  }
605
+ #query-monitor-main .qm td.qm-row-block-attrs,
606
+ #query-monitor-main .qm td.qm-row-block-context,
607
+ #query-monitor-main .qm td.qm-row-block-html,
608
  #query-monitor-main .qm tr.qm-warn td.qm-col-status,
609
  #query-monitor-main .qm td.qm-url,
610
  #query-monitor-main .qm th.qm-col-message,
611
  #query-monitor-main .qm td.qm-row-component {
612
  min-width: 15em !important;
613
  }
 
614
  #query-monitor-main .qm td.qm-has-toggle {
615
  padding-right: 24px !important;
616
  position: relative !important;
617
  }
 
618
  #query-monitor-main .qm td.qm-has-toggle:not(.qm-toggled-on) .qm-supplemental {
619
  display: none;
620
  }
 
621
  #query-monitor-main .qm .qm-inner-toggle {
622
  padding: 4px 6px !important;
623
  }
 
624
  #query-monitor-main .qm .qm-has-inner .qm-toggled > table {
625
  border-bottom: none !important;
626
  border-top: 1px solid #23282d !important;
627
  }
 
628
  #query-monitor-main .qm td.qm-has-inner .qm-toggler,
629
  #query-monitor-main .qm td.qm-has-inner {
630
  padding: 0 !important;
631
  }
 
632
  #query-monitor-main .qm caption h2 {
633
  font-size: 14px !important;
634
  margin: 20px !important;
635
  }
 
636
  #query-monitor-main .qm-concerns table {
637
  border-top: 1px solid #23282d !important;
638
  margin-bottom: 20px !important;
639
  }
 
640
  #query-monitor-main .qm-non-tabular {
641
  padding: 10px 20px !important;
642
  }
 
643
  #query-monitor-main .qm-non-tabular h3 {
644
  font-size: 14px !important;
645
  margin: 0 0 15px 0 !important;
646
  }
 
647
  #query-monitor-main .qm-non-tabular h4 {
648
  font-size: 12px !important;
649
  margin: 20px 0 10px !important;
650
  }
 
651
  #query-monitor-main .qm-non-tabular p {
652
  margin-bottom: 10px !important;
653
  }
 
654
  #query-monitor-main .qm-non-tabular dl {
655
  display: flex !important;
656
  flex-wrap: wrap !important;
657
  max-width: 60em !important;
658
  }
 
659
  #query-monitor-main .qm-non-tabular dt {
660
  border-top: 1px solid #50626f !important;
661
  flex-grow: 0;
662
  flex: 1 0 16em;
663
  padding: 10px 10px 10px 0 !important;
664
  }
 
665
  #query-monitor-main .qm-non-tabular dd {
666
  border-top: 1px solid #50626f !important;
667
  flex: 1 0 calc(100% - 10px - 16em);
668
  padding: 10px 0 !important;
669
  }
 
670
  #query-monitor-main .qm-non-tabular section,
671
  #query-monitor-main .qm-non-tabular .qm-section {
672
  margin: 0 0 30px 0 !important;
673
  }
 
674
  #query-monitor-main .qm-non-tabular .qm-boxed section,
675
  #query-monitor-main .qm-non-tabular .qm-boxed .qm-section {
676
  border-right: 1px solid #50626f !important;
677
  margin: 0 20px 10px 0 !important;
678
  padding: 10px 20px 10px 0 !important;
679
  }
 
680
  #query-monitor-main .qm-non-tabular .qm-boxed section:last-child,
681
  #query-monitor-main .qm-non-tabular .qm-boxed .qm-section:last-child {
682
  border-right: none !important;
683
  margin-right: 0 !important;
684
  padding-right: 20px !important;
685
  }
 
686
  #query-monitor-main .qm-non-tabular table {
687
  border-bottom-color: #23282d !important;
688
  }
 
689
  #query-monitor-main #qm-conditionals li {
690
  display: inline-block !important;
691
  margin: 0 20px 5px 0 !important;
692
  }
 
693
  #query-monitor-main .qm ol,
694
  #query-monitor-main .qm ul {
695
  list-style: none !important;
696
  }
 
697
  #query-monitor-main .qm li {
698
  display: list-item !important;
699
  list-style: none !important;
700
  }
 
701
  #query-monitor-main .qm li::before {
702
+ content: "" !important;
703
  }
 
704
  #query-monitor-main .qm code,
705
  #query-monitor-main .qm pre {
706
  font-family: Menlo, Monaco, Consolas, monospace !important;
707
  font-size: 11px !important;
708
  line-height: 18px !important;
709
  }
 
710
  #query-monitor-main .qm pre {
711
  background: transparent !important;
712
  height: auto !important;
714
  padding: 0 !important;
715
  width: auto !important;
716
  }
 
717
  #query-monitor-main .qm .qm-true code,
718
  #query-monitor-main .qm p.qm-true,
719
  #query-monitor-main .qm span.qm-true,
720
  #query-monitor-main .qm td.qm-true {
721
  color: #282 !important;
722
  }
 
723
  #query-monitor-main .qm .qm-false code,
724
  #query-monitor-main .qm span.qm-false,
725
  #query-monitor-main .qm td.qm-false {
726
  color: #999 !important;
727
  }
 
728
  #query-monitor-main .qm .qm-num,
729
  #query-monitor-main .qm code,
730
  #query-monitor-main .qm .qm-nowrap {
731
  white-space: nowrap !important;
732
  }
 
733
  #query-monitor-main .qm .qm-wrap code,
734
  #query-monitor-main .qm .qm-wrap {
735
  white-space: normal !important;
736
  word-break: break-all !important;
737
  word-wrap: break-word !important;
738
  }
 
739
  #query-monitor-main .qm .qm-pre-wrap code {
740
  white-space: pre-wrap !important;
741
  word-break: break-all !important;
742
  word-wrap: break-word !important;
743
  }
 
744
  #query-monitor-main .qm .qm-sticky {
745
  position: sticky !important;
746
  top: 36px !important;
747
  }
 
748
  #query-monitor-main .qm .qm-current,
749
  #query-monitor-main .qm td.qm-has-toggle p,
750
  #query-monitor-main .qm .qm-nonselectsql code,
751
  #query-monitor-main .qm .qm-nonselectsql {
752
  color: #a6a !important;
753
  }
 
754
  #query-monitor-main .qm .qm-info {
755
  color: #aaa !important;
756
  }
 
757
  #query-monitor-main .qm .qm-supplemental {
758
  margin-left: 0.75em !important;
759
  margin-right: 0.75em !important;
760
  }
 
761
  #query-monitor-main .qm td.qm-toggled-on .qm-inverse-toggled,
762
  #query-monitor-main .qm td .qm-toggled {
763
  display: none;
764
  }
 
765
  #query-monitor-main .qm button.qm-button,
766
  #query-monitor-main .qm .qm-toggle {
767
  background: #0085ba !important;
772
  font-weight: normal !important;
773
  text-shadow: none !important;
774
  }
 
775
  #query-monitor-main .qm .qm-toggle {
776
  bottom: auto !important;
777
  font-family: Menlo, Monaco, Consolas, monospace !important;
786
  user-select: none;
787
  width: 18px !important;
788
  }
 
789
  #query-monitor-main .qm button {
790
  cursor: pointer !important;
791
  }
 
792
  #query-monitor-main .qm button.qm-button {
793
  padding: 4px 10px !important;
794
  }
 
795
  #query-monitor-main .qm .qm-has-inner .qm-toggle {
796
  right: 5px !important;
797
  top: 5px !important;
798
  }
 
799
  #query-monitor-main .qm button.qm-button:hover,
800
  #query-monitor-main .qm .qm-toggle:hover {
801
  background: #007aab !important;
803
  color: #fff !important;
804
  text-decoration: none !important;
805
  }
 
806
  #query-monitor-main .qm button.qm-button:focus,
807
  #query-monitor-main .qm .qm-toggle:focus {
808
  background: #007aab !important;
810
  color: #fff !important;
811
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007aab !important;
812
  }
 
813
  #query-monitor-main .qm button.qm-button:active,
814
  #query-monitor-main .qm .qm-toggle:active {
815
  background: #006f9b !important;
817
  color: #fff !important;
818
  box-shadow: none !important;
819
  }
 
820
  #query-monitor-main .qm tbody tr.qm-odd td,
821
  #query-monitor-main .qm tbody tr.qm-odd th {
822
  background: #32373c !important;
823
  }
 
824
  #query-monitor-main .qm-non-tabular .qm-warn,
825
  #query-monitor-main .qm thead tr .qm-warn,
826
  #query-monitor-main .qm tbody tr .qm-warn {
827
  background-color: #522 !important;
828
  color: #fff0f0 !important;
829
  }
 
830
  #query-monitor-main .qm tbody tr th.qm-warn,
831
  #query-monitor-main .qm tbody tr td.qm-warn,
832
  #query-monitor-main .qm tbody tr.qm-warn td,
834
  background-color: #522 !important;
835
  color: #fff0f0 !important;
836
  }
 
837
  #query-monitor-main .qm tbody tr.qm-odd th.qm-warn,
838
  #query-monitor-main .qm tbody tr.qm-odd td.qm-warn,
839
  #query-monitor-main .qm tbody tr.qm-odd.qm-warn td,
840
  #query-monitor-main .qm tbody tr.qm-odd.qm-warn th {
841
  background-color: #502020 !important;
842
  }
 
843
  #query-monitor-main .qm-non-tabular .qm-warn code,
844
  #query-monitor-main .qm tbody .qm-warn li,
845
  #query-monitor-main .qm tbody .qm-warn .qm-info,
847
  background-color: transparent !important;
848
  color: #fff0f0 !important;
849
  }
 
850
  #query-monitor-main .qm .qm-notice {
851
  background: #32373c !important;
852
  border: 1px solid #1b1e20 !important;
853
  margin: 0 0 10px 0 !important;
854
  padding: 10px 20px 0 !important;
855
  }
 
856
  #query-monitor-main .qm .dashicons {
857
  font-size: 16px !important;
858
  height: 16px !important;
860
  transition: none !important;
861
  width: 16px !important;
862
  }
 
863
  #query-monitor-main .qm .qm-dashicons-yes {
864
  background-color: #0a0 !important;
865
  border-radius: 50% !important;
866
  color: #fff !important;
867
  }
 
868
  #query-monitor-main .qm tbody tr td.qm-highlight,
869
+ #query-monitor-main .qm tbody tr.qm-highlight th,
870
  #query-monitor-main .qm tbody tr.qm-highlight td {
871
  background-color: #57572a !important;
872
  color: #eaeef2 !important;
873
  }
 
874
  #query-monitor-main .qm tbody tr.qm-odd td.qm-highlight,
875
+ #query-monitor-main .qm tbody tr.qm-odd.qm-highlight th,
876
  #query-monitor-main .qm tbody tr.qm-odd.qm-highlight td {
877
  background-color: #494923 !important;
878
  color: #eaeef2 !important;
879
  }
 
880
  #query-monitor-main .qm tbody tr.qm-odd.qm-hovered th,
881
  #query-monitor-main .qm tbody tr.qm-odd.qm-hovered td,
882
  #query-monitor-main .qm tbody tr.qm-odd:hover th,
887
  #query-monitor-main .qm tbody tr:hover td {
888
  background: #373c42 !important;
889
  }
 
890
  #query-monitor-main .qm thead th.qm-filtered select.qm-filter {
891
  background-color: #57572a !important;
892
  color: #eaeef2 !important;
893
  }
 
894
  #query-monitor-main .qm button.qm-filter-trigger,
895
  #query-monitor-main .qm button.qm-filter-trigger code,
896
  #query-monitor-main .qm tbody .qm-warn a code,
900
  cursor: pointer !important;
901
  text-decoration: none !important;
902
  }
 
903
  #query-monitor-main .qm button.qm-filter-trigger:after, #query-monitor-main .qm button.qm-filter-trigger:focus, #query-monitor-main .qm button.qm-filter-trigger:hover,
904
  #query-monitor-main .qm button.qm-filter-trigger code:after,
905
  #query-monitor-main .qm button.qm-filter-trigger code:focus,
916
  color: #4092d2 !important;
917
  text-decoration: underline !important;
918
  }
 
919
  #query-monitor-main .qm button.qm-filter-trigger:active,
920
  #query-monitor-main .qm button.qm-filter-trigger code:active,
921
  #query-monitor-main .qm tbody .qm-warn a code:active,
924
  color: #69aadc !important;
925
  text-decoration: underline !important;
926
  }
 
927
  #query-monitor-main .qm a.qm-external-link:after,
928
  #query-monitor-main .qm a.qm-link:after,
929
  #query-monitor-main .qm a.qm-edit-link:after,
939
  top: 2px !important;
940
  visibility: hidden !important;
941
  }
 
942
  #query-monitor-main .qm button.qm-filter-info:before {
943
  left: unset !important;
944
  right: 2px !important;
945
+ content: "" !important;
946
  visibility: visible !important;
947
  }
 
948
  #query-monitor-main .qm a.qm-external-link:after,
949
  #query-monitor-main .qm a.qm-link:hover:after,
950
  #query-monitor-main .qm a.qm-link:focus:after,
954
  #query-monitor-main .qm button.qm-filter-trigger:focus:after {
955
  visibility: visible !important;
956
  }
 
957
  #query-monitor-main .qm button.qm-filter-trigger:after {
958
+ content: "" !important;
959
  }
 
960
  #query-monitor-main .qm a.qm-edit-link:after {
961
+ content: "" !important;
962
  }
 
963
  #query-monitor-main .qm a.qm-external-link:after,
964
  #query-monitor-main .qm a.qm-link:after {
965
+ content: "" !important;
966
  }
 
967
  #query-monitor-main #qm-ajax-errors {
968
  display: none;
969
  }
 
970
  #query-monitor-main button,
971
  #query-monitor-main select {
972
  background: none !important;
975
  margin: 0 !important;
976
  width: auto !important;
977
  }
 
978
  #query-monitor-main .qm label {
979
  color: #eaeef2 !important;
980
  cursor: pointer !important;
983
  font-weight: normal !important;
984
  margin: 0 !important;
985
  }
 
986
  #query-monitor-main .qm thead label {
987
  flex-grow: 1 !important;
988
  }
 
989
  #query-monitor-main .qm .qm-filter-container {
990
  display: flex !important;
991
  }
 
992
  #query-monitor-main .qm .qm-filter-container label {
993
  cursor: default !important;
994
  white-space: nowrap !important;
995
  }
 
996
  #query-monitor-main .qm .qm-filter-container div {
997
  /* Some themes use Select2 etc on all selects. This hides that. */
998
  display: none !important;
999
  }
 
1000
  #query-monitor-main .qm select.qm-filter {
1001
  -webkit-appearance: menulist !important;
1002
  -moz-appearance: menulist !important;
1015
  padding: 0 !important;
1016
  width: auto !important;
1017
  }
 
1018
  #query-monitor-main .qm select.qm-filter:hover {
1019
  background: #32373c !important;
1020
  }
 
1021
  #query-monitor-main .qm-hide,
1022
  #query-monitor-main .qm-hide-scripts-dependencies,
1023
  #query-monitor-main .qm-hide-styles-dependencies,
1033
  #query-monitor-main .qm-hide-component {
1034
  display: none !important;
1035
  }
 
1036
  #query-monitor-main .qm thead th.qm-sortable-column {
1037
  cursor: pointer !important;
1038
  }
 
1039
  #query-monitor-main .qm thead th.qm-sortable-column:hover {
1040
  background: #32373c !important;
1041
  }
 
1042
  #query-monitor-main .qm .qm-sort-heading {
1043
  flex-grow: 1 !important;
1044
  }
 
1045
  #query-monitor-main .qm .qm-sort-controls {
1046
  flex-shrink: 0 !important;
1047
  text-align: right !important;
1048
  }
 
1049
  #query-monitor-main .qm .qm-sortable-column .qm-sort-arrow {
1050
  color: #ccc !important;
1051
  display: block !important;
1055
  margin: 0 !important;
1056
  width: 16px !important;
1057
  }
 
1058
  #query-monitor-main .qm .qm-sortable-column .qm-sort-arrow::before {
1059
+ content: "" !important;
1060
  position: absolute !important;
1061
  right: 0 !important;
1062
  top: 4px !important;
1063
  }
 
1064
  #query-monitor-main .qm .qm-sorted-desc .qm-sort-arrow,
1065
  #query-monitor-main .qm .qm-sorted-asc .qm-sort-arrow {
1066
  color: #eaeef2 !important;
1067
  }
 
1068
  #query-monitor-main .qm thead th.qm-sortable-column:hover .qm-sort-arrow {
1069
  color: #0073aa !important;
1070
  }
 
1071
  #query-monitor-main .qm .qm-sortable-column.qm-sorted-asc .qm-sort-arrow::before {
1072
+ content: "" !important;
1073
  }
 
1074
  #query-monitor-main .qm button:focus,
1075
  #query-monitor-main .qm a:focus,
1076
  #query-monitor-main .qm select:focus {
1077
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007aab !important;
1078
  }
 
1079
  #query-monitor-main .qm button:active,
1080
  #query-monitor-main .qm a:active,
1081
  #query-monitor-main .qm select:active {
1082
  box-shadow: none !important;
1083
  }
 
1084
  #query-monitor-main .qm-screen-reader-text,
1085
  #query-monitor-main .screen-reader-text {
1086
  border: 0 !important;
1092
  position: absolute !important;
1093
  width: 1px !important;
1094
  }
 
1095
  @media screen and (max-width: 782px) {
1096
  #query-monitor-main #qm-panel-menu,
1097
+ #query-monitor-main #qm-title h1.qm-title-heading {
1098
  display: none;
1099
  }
1100
  #query-monitor-main #qm-title div.qm-title-heading {
1101
  display: block;
1102
  }
1103
  }
1104
+ #query-monitor-main [data-qm-state=off] [data-qm-state-visibility=on],
1105
+ #query-monitor-main [data-qm-state=on] [data-qm-state-visibility=off] {
 
1106
  display: none;
1107
  }
1108
+ #query-monitor-main.qm-no-js .qm-sort-controls, #query-monitor-main.qm-no-js .qm-toggle, #query-monitor-main.qm-no-js select.qm-filter {
 
 
 
1109
  display: none !important;
1110
  }
 
1111
  #query-monitor-main .qm.qm-debug-bar textarea,
1112
  #query-monitor-main .qm.qm-debug-bar pre {
1113
  border: 1px solid #50626f !important;
1114
  margin: 4px 0 !important;
1115
  padding: 10px !important;
1116
  }
 
1117
  #query-monitor-main .qm.qm-debug-bar textarea {
1118
  resize: vertical !important;
1119
  }
 
1120
  #query-monitor-main .qm.qm-debug-bar .left {
1121
  float: left !important;
1122
  }
 
1123
  #query-monitor-main .qm.qm-debug-bar .right {
1124
  float: right !important;
1125
  }
 
1126
  #query-monitor-main .qm.qm-debug-bar h2 {
1127
  font-size: 14px !important;
1128
  margin: 4px 6px 15px !important;
1129
  }
 
1130
  #query-monitor-main .qm.qm-debug-bar h3 {
1131
  clear: none !important;
1132
  float: left !important;
1137
  padding: 5px 10px 15px !important;
1138
  text-align: center !important;
1139
  }
 
1140
  #query-monitor-main .qm.qm-debug-bar h3 small {
1141
  font-size: 14px !important;
1142
  }
 
1143
  #query-monitor-main .qm.qm-debug-bar h3 span {
1144
  display: block !important;
1145
  margin-bottom: 8px !important;
1146
  white-space: nowrap !important;
1147
  }
 
1148
  #query-monitor-main .qm.qm-debug-bar h4 {
1149
  font-size: 13px !important;
1150
  margin: 15px 6px 5px !important;
1151
  }
 
1152
  #query-monitor-main .qm.qm-debug-bar .qm-debug-bar-output {
1153
  position: relative !important;
1154
  }
 
1155
  #query-monitor-main .qm.qm-debug-bar .qm-debug-bar-output table {
1156
  margin-bottom: 4px !important;
1157
  margin-top: 4px !important;
1158
  }
 
1159
  #query-monitor-main #debug-menu-target-Debug_Bar_Console {
1160
  min-height: 400px !important;
1161
  }
 
1162
  #query-monitor-main #debug-menu-target-Debug_Bar_Cache_Lookup,
1163
  #query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules,
1164
  #query-monitor-main #debug-menu-target-Debug_Bar_Widgets {
1165
  margin: 4px 6px !important;
1166
  }
 
1167
  #query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules_Panel .filterui,
1168
  #query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules_Panel .dbrr {
1169
  margin: 0 !important;
1170
  }
 
1171
  #query-monitor-main #qm-broken {
1172
  display: none !important;
1173
  }
 
1174
  #query-monitor-main.qm-broken #qm-title {
1175
  cursor: default !important;
1176
  }
 
1177
  #query-monitor-main.qm-broken #qm-title .qm-title-heading {
1178
  border-right: none !important;
1179
  }
1180
+ #query-monitor-main.qm-broken .qm td .qm-toggled, #query-monitor-main.qm-broken #qm-broken, #query-monitor-main.qm-broken .qm {
 
 
 
1181
  display: block !important;
1182
  }
1183
+ #query-monitor-main.qm-broken #qm-panel-menu, #query-monitor-main.qm-broken #qm-settings, #query-monitor-main.qm-broken #qm-title .qm-title-button {
 
 
 
1184
  display: none !important;
1185
  }
 
1186
  #query-monitor-main.qm-broken .qm {
1187
  margin-bottom: 50px !important;
1188
  }
 
1189
  #query-monitor-main.qm-broken .qm button.qm-filter-trigger {
1190
  color: #eaeef2 !important;
1191
  cursor: text !important;
1192
  }
 
1193
  #query-monitor-main.qm-broken .qm button.qm-filter-trigger:after {
1194
  display: none !important;
1195
  }
 
1196
  #query-monitor-main.qm-broken .qm button.qm-filter-trigger:focus, #query-monitor-main.qm-broken .qm button.qm-filter-trigger:hover, #query-monitor-main.qm-broken .qm button.qm-filter-trigger:active {
1197
  text-decoration: none !important;
1198
  }
 
1199
  #query-monitor-main.qm-broken #qm-broken h2 {
1200
  padding: 20px !important;
1201
  }
1210
  position: absolute !important;
1211
  z-index: 99999 !important;
1212
  }
 
1213
  #qm-fatal h2 {
1214
  font-size: 12px !important;
1215
  font-weight: normal !important;
1217
  background: #f3f3f3 !important;
1218
  margin: 0 !important;
1219
  }
 
1220
  #qm-fatal .dashicons {
1221
  color: #c00 !important;
1222
  }
 
1223
  #qm-fatal ol,
1224
  #qm-fatal p {
1225
  font-size: 12px !important;
1226
  padding: 0 !important;
1227
  margin: 1em !important;
1228
  }
 
1229
  #qm-fatal ol {
1230
  padding: 0 0 1em 1em !important;
1231
  }
 
1232
  #qm-fatal li {
1233
  margin: 0 0 0.7em !important;
1234
  list-style: none !important;
1235
  }
 
1236
  #qm-fatal .qm-info {
1237
  color: #666 !important;
1238
  }
1240
  body#error-page #qm-fatal {
1241
  margin: 0 !important;
1242
  border: none !important;
1243
+ }
assets/query-monitor.css CHANGED
@@ -1,3 +1,4 @@
 
1
  /**
2
  * The standard colour scheme for Query Monitor.
3
  *
@@ -6,19 +7,15 @@
6
  #wpadminbar .quicklinks .menupop ul li.qm-true > a {
7
  color: #8c8 !important;
8
  }
9
-
10
  #wpadminbar .quicklinks .menupop ul li.qm-true > a:focus, #wpadminbar .quicklinks .menupop ul li.qm-true > a:hover {
11
  color: #47a747 !important;
12
  }
13
-
14
  #wpadminbar .qm-alert {
15
  background-color: #f60;
16
  }
17
-
18
  #wpadminbar .qm-alert:hover {
19
  background-color: #e65c00;
20
  }
21
-
22
  #wpadminbar #wp-admin-bar-query-monitor-stricts a,
23
  #wpadminbar #wp-admin-bar-query-monitor-deprecateds a,
24
  #wpadminbar #wp-admin-bar-query-monitor-notices a,
@@ -27,17 +24,14 @@
27
  #wpadminbar .qm-notice {
28
  background-color: #740;
29
  }
30
-
31
  #wpadminbar #wp-admin-bar-query-monitor-expensive a,
32
  #wpadminbar .qm-expensive {
33
  background-color: #b60;
34
  }
35
-
36
  #wpadminbar #wp-admin-bar-query-monitor-expensive a:hover,
37
  #wpadminbar .qm-expensive:hover {
38
  background-color: #915700;
39
  }
40
-
41
  #wpadminbar #wp-admin-bar-query-monitor-logger-warning a,
42
  #wpadminbar #wp-admin-bar-query-monitor-warnings a,
43
  #wpadminbar #wp-admin-bar-query-monitor-errors a,
@@ -45,7 +39,6 @@
45
  #wpadminbar .qm-warning {
46
  background-color: #c00;
47
  }
48
-
49
  #wpadminbar #wp-admin-bar-query-monitor-logger-warning a:hover,
50
  #wpadminbar #wp-admin-bar-query-monitor-warnings a:hover,
51
  #wpadminbar #wp-admin-bar-query-monitor-errors a:hover,
@@ -53,7 +46,6 @@
53
  #wpadminbar .qm-warning:hover {
54
  background-color: #b30000;
55
  }
56
-
57
  #wpadminbar #wp-admin-bar-query-monitor .ab-icon {
58
  color: #aaa !important;
59
  display: none !important;
@@ -61,7 +53,6 @@
61
  padding: 0 10px !important;
62
  width: auto !important;
63
  }
64
-
65
  @media screen and (max-width: 782px) {
66
  #wpadminbar #wp-admin-bar-query-monitor .ab-icon {
67
  display: block !important;
@@ -160,7 +151,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
160
  word-wrap: normal !important;
161
  width: auto !important;
162
  }
163
-
164
  #query-monitor-main dl::before, #query-monitor-main dl::after,
165
  #query-monitor-main dt::before,
166
  #query-monitor-main dt::after,
@@ -212,7 +202,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
212
  #query-monitor-main p::after {
213
  display: none !important;
214
  }
215
-
216
  #query-monitor-main {
217
  background: transparent !important;
218
  border: none !important;
@@ -254,62 +243,50 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
254
  text-align: left !important;
255
  z-index: 99998 !important;
256
  }
257
-
258
  #query-monitor-main::before, #query-monitor-main::after {
259
  display: none !important;
260
  }
261
-
262
  #query-monitor-main ::selection {
263
  background-color: #B9D6FB !important;
264
  color: #222 !important;
265
  }
266
-
267
  #query-monitor-main strong,
268
  #query-monitor-main b {
269
  font-weight: bold !important;
270
  }
271
-
272
  #query-monitor-main em,
273
  #query-monitor-main i {
274
  font-style: italic !important;
275
  }
276
-
277
  #query-monitor-main.qm-show, #query-monitor-main.qm-peek {
278
  display: flex;
279
  flex-direction: column !important;
280
  height: 27px;
281
  }
282
-
283
  #query-monitor-main.qm-show {
284
  height: 40%;
285
  width: 40%;
286
  }
287
-
288
  #query-monitor-main:not(.qm-show-right) {
289
  width: 100% !important;
290
  }
291
-
292
  #query-monitor-main.qm-show-right {
293
- height: calc( 100vh - 32px) !important;
294
  top: 32px !important;
295
  left: unset !important;
296
  border-top: 0 !important;
297
  border-left: 1px solid #aaa !important;
298
  }
299
-
300
  #query-monitor-main.qm-show-right #qm-panel-menu,
301
  #query-monitor-main.qm-show-right #qm-title h1.qm-title-heading {
302
  display: none;
303
  }
304
-
305
  #query-monitor-main.qm-show-right #qm-title div.qm-title-heading {
306
  display: block;
307
  }
308
-
309
  #query-monitor-main.qm-show-right #qm-title {
310
  cursor: default !important;
311
  }
312
-
313
  #query-monitor-main.qm-show-right #qm-side-resizer {
314
  background: transparent !important;
315
  cursor: ew-resize !important;
@@ -321,19 +298,16 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
321
  width: 4px !important;
322
  z-index: 2 !important;
323
  }
324
-
325
  #query-monitor-main.qm-show-right.qm-peek {
326
  height: 100vh !important;
327
  top: 0 !important;
328
  }
329
-
330
  #query-monitor-main #qm-wrapper {
331
  display: flex;
332
  flex-grow: 1 !important;
333
  /* Fix nested scrolling in Firefox. See https://bugzilla.mozilla.org/show_bug.cgi?id=1043520: */
334
  min-height: 0;
335
  }
336
-
337
  #query-monitor-main #qm-title {
338
  align-items: center !important;
339
  background: #f3f3f3 !important;
@@ -348,42 +322,34 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
348
  -webkit-user-select: none !important;
349
  user-select: none !important;
350
  }
351
-
352
  #query-monitor-main #qm-title .qm-title-heading {
353
  border-right: 1px solid #bbb !important;
354
  flex-grow: 1 !important;
355
  margin-right: 6px !important;
356
  }
357
-
358
  #query-monitor-main #qm-title div.qm-title-heading {
359
  display: none;
360
  }
361
-
362
  #query-monitor-main #qm-title .qm-title-button {
363
  flex-shrink: 0 !important;
364
  }
365
-
366
  #query-monitor-main #qm-title .dashicons {
367
  transition: none !important;
368
  height: 20px !important;
369
  width: 20px !important;
370
  }
371
-
372
  #query-monitor-main #qm-title .qm-button-container-close {
373
  margin-right: 10px !important;
374
  }
375
-
376
  #query-monitor-main #qm-title .qm-button-container-close .dashicons {
377
  font-size: 20px !important;
378
  margin: 3px 0 3px !important;
379
  }
380
-
381
  @media screen and (max-width: 960px) {
382
  #query-monitor-main #qm-title .qm-button-container-position {
383
  display: none !important;
384
  }
385
  }
386
-
387
  #query-monitor-main #qm-title button {
388
  background: transparent !important;
389
  color: #666 !important;
@@ -393,7 +359,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
393
  min-width: auto !important;
394
  padding: 0px 4px !important;
395
  }
396
-
397
  #query-monitor-main #qm-title button:focus *,
398
  #query-monitor-main #qm-title button:hover *,
399
  #query-monitor-main #qm-title button:focus,
@@ -401,36 +366,29 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
401
  background: #e6e6e6 !important;
402
  color: #000 !important;
403
  }
404
-
405
  #query-monitor-main #qm-title button:active *,
406
  #query-monitor-main #qm-title button:active {
407
  background: #ccc !important;
408
  }
409
-
410
  #query-monitor-main #qm-title button.qm-button-active {
411
  color: #3879d9 !important;
412
  }
413
-
414
  #query-monitor-main #qm-title .qm-button-container-settings .dashicons {
415
  font-size: 17px !important;
416
  margin: 4px 0 2px !important;
417
  }
418
-
419
  #query-monitor-main #qm-title .qm-button-container-position .dashicons {
420
  font-size: 15px !important;
421
  margin: 2px -1px 3px 4px !important;
422
  transform: scaleX(-1) rotate(90deg) !important;
423
  }
424
-
425
  #query-monitor-main.qm-show-right #qm-title .qm-button-container-position .dashicons {
426
  margin: 4px 1px 0px 1px !important;
427
  transform: none !important;
428
  }
429
-
430
  #query-monitor-main .qm {
431
  display: none !important;
432
  }
433
-
434
  #query-monitor-main #qm-panel-menu {
435
  background: #ececec !important;
436
  flex-shrink: 0 !important;
@@ -438,7 +396,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
438
  overscroll-behavior: contain !important;
439
  height: auto !important;
440
  }
441
-
442
  #query-monitor-main #qm-panel-menu ul {
443
  display: block !important;
444
  list-style: none !important;
@@ -447,18 +404,15 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
447
  width: auto !important;
448
  height: auto !important;
449
  }
450
-
451
  #query-monitor-main #qm-panel-menu li {
452
  display: list-item !important;
453
  margin: 0 !important;
454
  padding: 0 !important;
455
  height: auto !important;
456
  }
457
-
458
  #query-monitor-main #qm-panel-menu li ul {
459
  display: none !important;
460
  }
461
-
462
  #query-monitor-main #qm-panel-menu li button {
463
  background: #f3f3f3 !important;
464
  border-bottom: 1px solid #ddd !important;
@@ -471,66 +425,54 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
471
  text-decoration: none !important;
472
  width: 100% !important;
473
  }
474
-
475
  #query-monitor-main #qm-panel-menu li button:focus,
476
  #query-monitor-main #qm-panel-menu li button:hover {
477
  background: #cde !important;
478
  color: #222 !important;
479
  }
480
-
481
  #query-monitor-main #qm-panel-menu li button:focus {
482
  text-decoration: underline !important;
483
  }
484
-
485
  #query-monitor-main #qm-panel-menu li button:active {
486
  text-decoration: none !important;
487
  background: #0073aa !important;
488
  color: #fff !important;
489
  text-shadow: 0 -1px 1px #006291, 1px 0 1px #006291, 0 1px 1px #006291, -1px 0 1px #006291 !important;
490
  }
491
-
492
  #query-monitor-main #qm-panel-menu li.qm-current-menu ul {
493
  display: block !important;
494
  }
495
-
496
  #query-monitor-main #qm-panel-menu li.qm-current-menu button {
497
  background: #def !important;
498
  color: #222 !important;
499
  }
500
-
501
  #query-monitor-main #qm-panel-menu li.qm-current-menu button:focus {
502
  background: #f7fbff !important;
503
  color: #222 !important;
504
  }
505
-
506
  #query-monitor-main #qm-panel-menu li.qm-current-menu button:hover {
507
  background: #cde !important;
508
  color: #222 !important;
509
  }
510
-
511
  #query-monitor-main #qm-panel-menu li li button::before {
512
- content: "\2514" !important;
513
  display: inline-block !important;
514
  margin-right: 5px !important;
515
  }
516
-
517
- #query-monitor-main #qm-panel-menu li button[aria-selected="true"] {
518
  background: #0073aa !important;
519
  color: #fff !important;
520
  text-shadow: 0 -1px 1px #006291, 1px 0 1px #006291, 0 1px 1px #006291, -1px 0 1px #006291 !important;
521
  }
522
-
523
- #query-monitor-main #qm-panel-menu li button[aria-selected="true"]:focus {
524
  background: #0084c4 !important;
525
  color: #fff !important;
526
  }
527
-
528
- #query-monitor-main #qm-panel-menu li button[aria-selected="true"]:hover {
529
  background: #0073aa !important;
530
  color: #fff !important;
531
  }
532
-
533
- #query-monitor-main #qm-panel-menu li button[aria-selected="true"]:after {
534
  border: solid 8px transparent;
535
  border-right-color: #fff;
536
  content: " ";
@@ -543,45 +485,36 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
543
  top: 50%;
544
  width: 0;
545
  }
546
-
547
  #query-monitor-main #qm-panels {
548
  flex-grow: 1 !important;
549
  overflow-y: scroll !important;
550
  overscroll-behavior: contain !important;
551
  }
552
-
553
  #query-monitor-main .qm.qm-panel-show {
554
  display: block !important;
555
  }
556
-
557
  #query-monitor-main .qm:focus {
558
  outline: 0 !important;
559
  /* @TODO might not need this any more */
560
  }
561
-
562
  #query-monitor-main .qm-boxed {
563
  display: flex !important;
564
  flex-wrap: wrap !important;
565
  }
566
-
567
  #query-monitor-main .qm-boxed:not(#qm-broken) + .qm-boxed {
568
  border-top: 1px solid #ddd !important;
569
  padding-top: 10px !important;
570
  }
571
-
572
  #query-monitor-main .qm-boxed-wrap {
573
  flex-wrap: wrap !important;
574
  }
575
-
576
  #query-monitor-main .qm .qm-none {
577
  margin: 2em !important;
578
  }
579
-
580
  #query-monitor-main .qm .qm-none p {
581
  font-style: italic !important;
582
  text-align: center !important;
583
  }
584
-
585
  #query-monitor-main .qm table {
586
  border: none !important;
587
  border-collapse: collapse !important;
@@ -591,16 +524,13 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
591
  table-layout: auto !important;
592
  width: 100% !important;
593
  }
594
-
595
  #query-monitor-main .qm table + table {
596
  border-top: 1px solid #e0e0e0 !important;
597
  margin-top: 5px !important;
598
  }
599
-
600
  #query-monitor-main .qm tr {
601
  border: none !important;
602
  }
603
-
604
  #query-monitor-main .qm tbody th,
605
  #query-monitor-main .qm tbody td,
606
  #query-monitor-main .qm tfoot th,
@@ -609,13 +539,11 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
609
  padding: 5px 5px 4px 5px !important;
610
  vertical-align: top !important;
611
  }
612
-
613
  #query-monitor-main .qm tbody th,
614
  #query-monitor-main .qm tbody td {
615
  border-bottom: none !important;
616
  border-top: none !important;
617
  }
618
-
619
  #query-monitor-main .qm thead th {
620
  background: #fff !important;
621
  border: 1px solid #e0e0e0 !important;
@@ -627,16 +555,13 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
627
  top: 0 !important;
628
  z-index: 1 !important;
629
  }
630
-
631
  #query-monitor-main .qm thead th,
632
  #query-monitor-main .qm thead td {
633
  vertical-align: top !important;
634
  }
635
-
636
  #query-monitor-main .qm thead .qm-th {
637
  display: flex !important;
638
  }
639
-
640
  #query-monitor-main .qm tfoot tr td,
641
  #query-monitor-main .qm tfoot tr th {
642
  background: #f3f3f3 !important;
@@ -646,170 +571,142 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
646
  position: -webkit-sticky !important;
647
  position: sticky !important;
648
  }
649
-
650
  #query-monitor-main .qm th:first-child,
651
  #query-monitor-main .qm td:first-child {
652
  border-left: none !important;
653
  }
654
-
655
  #query-monitor-main .qm th:last-child,
656
  #query-monitor-main .qm td:last-child {
657
  border-right: none !important;
658
  }
659
-
660
  #query-monitor-main .qm tfoot td.qm-num,
661
  #query-monitor-main .qm tfoot th.qm-num,
662
  #query-monitor-main .qm thead td.qm-num,
663
  #query-monitor-main .qm thead th.qm-num {
664
  width: 5.5em !important;
665
  }
666
-
667
  #query-monitor-main .qm th.qm-num,
668
  #query-monitor-main .qm td.qm-num {
669
  text-align: right !important;
670
  }
671
-
672
  #query-monitor-main .qm td.qm-num {
673
  font-family: Menlo, Monaco, Consolas, monospace !important;
674
  font-size: 11px !important;
675
  line-height: 18px !important;
676
  }
677
-
678
  #query-monitor-main .qm td.qm-row-sql {
679
  min-width: 25em !important;
680
  }
681
-
682
  #query-monitor-main .qm td.qm-row-block-attrs,
 
683
  #query-monitor-main .qm td.qm-row-block-html {
684
  max-width: 40em !important;
685
  }
686
-
 
 
687
  #query-monitor-main .qm tr.qm-warn td.qm-col-status,
688
  #query-monitor-main .qm td.qm-url,
689
  #query-monitor-main .qm th.qm-col-message,
690
  #query-monitor-main .qm td.qm-row-component {
691
  min-width: 15em !important;
692
  }
693
-
694
  #query-monitor-main .qm td.qm-has-toggle {
695
  padding-right: 24px !important;
696
  position: relative !important;
697
  }
698
-
699
  #query-monitor-main .qm td.qm-has-toggle:not(.qm-toggled-on) .qm-supplemental {
700
  display: none;
701
  }
702
-
703
  #query-monitor-main .qm .qm-inner-toggle {
704
  padding: 4px 6px !important;
705
  }
706
-
707
  #query-monitor-main .qm .qm-has-inner .qm-toggled > table {
708
  border-bottom: none !important;
709
  border-top: 1px solid #e0e0e0 !important;
710
  }
711
-
712
  #query-monitor-main .qm td.qm-has-inner .qm-toggler,
713
  #query-monitor-main .qm td.qm-has-inner {
714
  padding: 0 !important;
715
  }
716
-
717
  #query-monitor-main .qm caption h2 {
718
  font-size: 14px !important;
719
  margin: 20px !important;
720
  }
721
-
722
  #query-monitor-main .qm-concerns table {
723
  border-top: 1px solid #e0e0e0 !important;
724
  margin-bottom: 20px !important;
725
  }
726
-
727
  #query-monitor-main .qm-non-tabular {
728
  padding: 10px 20px !important;
729
  }
730
-
731
  #query-monitor-main .qm-non-tabular h3 {
732
  font-size: 14px !important;
733
  margin: 0 0 15px 0 !important;
734
  }
735
-
736
  #query-monitor-main .qm-non-tabular h4 {
737
  font-size: 12px !important;
738
  margin: 20px 0 10px !important;
739
  }
740
-
741
  #query-monitor-main .qm-non-tabular p {
742
  margin-bottom: 10px !important;
743
  }
744
-
745
  #query-monitor-main .qm-non-tabular dl {
746
  display: flex !important;
747
  flex-wrap: wrap !important;
748
  max-width: 60em !important;
749
  }
750
-
751
  #query-monitor-main .qm-non-tabular dt {
752
  border-top: 1px solid #ddd !important;
753
  flex-grow: 0;
754
  flex: 1 0 16em;
755
  padding: 10px 10px 10px 0 !important;
756
  }
757
-
758
  #query-monitor-main .qm-non-tabular dd {
759
  border-top: 1px solid #ddd !important;
760
  flex: 1 0 calc(100% - 10px - 16em);
761
  padding: 10px 0 !important;
762
  }
763
-
764
  #query-monitor-main .qm-non-tabular section,
765
  #query-monitor-main .qm-non-tabular .qm-section {
766
  margin: 0 0 30px 0 !important;
767
  }
768
-
769
  #query-monitor-main .qm-non-tabular .qm-boxed section,
770
  #query-monitor-main .qm-non-tabular .qm-boxed .qm-section {
771
  border-right: 1px solid #ddd !important;
772
  margin: 0 20px 10px 0 !important;
773
  padding: 10px 20px 10px 0 !important;
774
  }
775
-
776
  #query-monitor-main .qm-non-tabular .qm-boxed section:last-child,
777
  #query-monitor-main .qm-non-tabular .qm-boxed .qm-section:last-child {
778
  border-right: none !important;
779
  margin-right: 0 !important;
780
  padding-right: 20px !important;
781
  }
782
-
783
  #query-monitor-main .qm-non-tabular table {
784
  border-bottom-color: #e0e0e0 !important;
785
  }
786
-
787
  #query-monitor-main #qm-conditionals li {
788
  display: inline-block !important;
789
  margin: 0 20px 5px 0 !important;
790
  }
791
-
792
  #query-monitor-main .qm ol,
793
  #query-monitor-main .qm ul {
794
  list-style: none !important;
795
  }
796
-
797
  #query-monitor-main .qm li {
798
  display: list-item !important;
799
  list-style: none !important;
800
  }
801
-
802
  #query-monitor-main .qm li::before {
803
- content: '' !important;
804
  }
805
-
806
  #query-monitor-main .qm code,
807
  #query-monitor-main .qm pre {
808
  font-family: Menlo, Monaco, Consolas, monospace !important;
809
  font-size: 11px !important;
810
  line-height: 18px !important;
811
  }
812
-
813
  #query-monitor-main .qm pre {
814
  background: transparent !important;
815
  height: auto !important;
@@ -817,65 +714,54 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
817
  padding: 0 !important;
818
  width: auto !important;
819
  }
820
-
821
  #query-monitor-main .qm .qm-true code,
822
  #query-monitor-main .qm p.qm-true,
823
  #query-monitor-main .qm span.qm-true,
824
  #query-monitor-main .qm td.qm-true {
825
  color: #282 !important;
826
  }
827
-
828
  #query-monitor-main .qm .qm-false code,
829
  #query-monitor-main .qm span.qm-false,
830
  #query-monitor-main .qm td.qm-false {
831
  color: #999 !important;
832
  }
833
-
834
  #query-monitor-main .qm .qm-num,
835
  #query-monitor-main .qm code,
836
  #query-monitor-main .qm .qm-nowrap {
837
  white-space: nowrap !important;
838
  }
839
-
840
  #query-monitor-main .qm .qm-wrap code,
841
  #query-monitor-main .qm .qm-wrap {
842
  white-space: normal !important;
843
  word-break: break-all !important;
844
  word-wrap: break-word !important;
845
  }
846
-
847
  #query-monitor-main .qm .qm-pre-wrap code {
848
  white-space: pre-wrap !important;
849
  word-break: break-all !important;
850
  word-wrap: break-word !important;
851
  }
852
-
853
  #query-monitor-main .qm .qm-sticky {
854
  position: sticky !important;
855
  top: 36px !important;
856
  }
857
-
858
  #query-monitor-main .qm .qm-current,
859
  #query-monitor-main .qm td.qm-has-toggle p,
860
  #query-monitor-main .qm .qm-nonselectsql code,
861
  #query-monitor-main .qm .qm-nonselectsql {
862
  color: #a0a !important;
863
  }
864
-
865
  #query-monitor-main .qm .qm-info {
866
  color: #666 !important;
867
  }
868
-
869
  #query-monitor-main .qm .qm-supplemental {
870
  margin-left: 0.75em !important;
871
  margin-right: 0.75em !important;
872
  }
873
-
874
  #query-monitor-main .qm td.qm-toggled-on .qm-inverse-toggled,
875
  #query-monitor-main .qm td .qm-toggled {
876
  display: none;
877
  }
878
-
879
  #query-monitor-main .qm button.qm-button,
880
  #query-monitor-main .qm .qm-toggle {
881
  background: #007cba !important;
@@ -886,7 +772,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
886
  font-weight: normal !important;
887
  text-shadow: none !important;
888
  }
889
-
890
  #query-monitor-main .qm .qm-toggle {
891
  bottom: auto !important;
892
  font-family: Menlo, Monaco, Consolas, monospace !important;
@@ -901,20 +786,16 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
901
  user-select: none;
902
  width: 18px !important;
903
  }
904
-
905
  #query-monitor-main .qm button {
906
  cursor: pointer !important;
907
  }
908
-
909
  #query-monitor-main .qm button.qm-button {
910
  padding: 4px 10px !important;
911
  }
912
-
913
  #query-monitor-main .qm .qm-has-inner .qm-toggle {
914
  right: 5px !important;
915
  top: 5px !important;
916
  }
917
-
918
  #query-monitor-main .qm button.qm-button:hover,
919
  #query-monitor-main .qm .qm-toggle:hover {
920
  background: #0072ab !important;
@@ -922,7 +803,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
922
  color: #fff !important;
923
  text-decoration: none !important;
924
  }
925
-
926
  #query-monitor-main .qm button.qm-button:focus,
927
  #query-monitor-main .qm .qm-toggle:focus {
928
  background: #0072ab !important;
@@ -930,7 +810,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
930
  color: #fff !important;
931
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0072ab !important;
932
  }
933
-
934
  #query-monitor-main .qm button.qm-button:active,
935
  #query-monitor-main .qm .qm-toggle:active {
936
  background: #00689b !important;
@@ -938,19 +817,16 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
938
  color: #fff !important;
939
  box-shadow: none !important;
940
  }
941
-
942
  #query-monitor-main .qm tbody tr.qm-odd td,
943
  #query-monitor-main .qm tbody tr.qm-odd th {
944
  background: #f9f9f9 !important;
945
  }
946
-
947
  #query-monitor-main .qm-non-tabular .qm-warn,
948
  #query-monitor-main .qm thead tr .qm-warn,
949
  #query-monitor-main .qm tbody tr .qm-warn {
950
  background-color: #fff0f0 !important;
951
  color: #900 !important;
952
  }
953
-
954
  #query-monitor-main .qm tbody tr th.qm-warn,
955
  #query-monitor-main .qm tbody tr td.qm-warn,
956
  #query-monitor-main .qm tbody tr.qm-warn td,
@@ -958,14 +834,12 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
958
  background-color: #fff0f0 !important;
959
  color: #900 !important;
960
  }
961
-
962
  #query-monitor-main .qm tbody tr.qm-odd th.qm-warn,
963
  #query-monitor-main .qm tbody tr.qm-odd td.qm-warn,
964
  #query-monitor-main .qm tbody tr.qm-odd.qm-warn td,
965
  #query-monitor-main .qm tbody tr.qm-odd.qm-warn th {
966
  background-color: #ffe8e8 !important;
967
  }
968
-
969
  #query-monitor-main .qm-non-tabular .qm-warn code,
970
  #query-monitor-main .qm tbody .qm-warn li,
971
  #query-monitor-main .qm tbody .qm-warn .qm-info,
@@ -973,14 +847,12 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
973
  background-color: transparent !important;
974
  color: #900 !important;
975
  }
976
-
977
  #query-monitor-main .qm .qm-notice {
978
  background: #def !important;
979
  border: 1px solid #aad5ff !important;
980
  margin: 0 0 10px 0 !important;
981
  padding: 10px 20px 0 !important;
982
  }
983
-
984
  #query-monitor-main .qm .dashicons {
985
  font-size: 16px !important;
986
  height: 16px !important;
@@ -988,25 +860,23 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
988
  transition: none !important;
989
  width: 16px !important;
990
  }
991
-
992
  #query-monitor-main .qm .qm-dashicons-yes {
993
  background-color: #0a0 !important;
994
  border-radius: 50% !important;
995
  color: #fff !important;
996
  }
997
-
998
  #query-monitor-main .qm tbody tr td.qm-highlight,
 
999
  #query-monitor-main .qm tbody tr.qm-highlight td {
1000
  background-color: #ffd !important;
1001
  color: #222 !important;
1002
  }
1003
-
1004
  #query-monitor-main .qm tbody tr.qm-odd td.qm-highlight,
 
1005
  #query-monitor-main .qm tbody tr.qm-odd.qm-highlight td {
1006
  background-color: #ffffc9 !important;
1007
  color: #222 !important;
1008
  }
1009
-
1010
  #query-monitor-main .qm tbody tr.qm-odd.qm-hovered th,
1011
  #query-monitor-main .qm tbody tr.qm-odd.qm-hovered td,
1012
  #query-monitor-main .qm tbody tr.qm-odd:hover th,
@@ -1017,12 +887,10 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1017
  #query-monitor-main .qm tbody tr:hover td {
1018
  background: #eef3fa !important;
1019
  }
1020
-
1021
  #query-monitor-main .qm thead th.qm-filtered select.qm-filter {
1022
  background-color: #ffd !important;
1023
  color: #222 !important;
1024
  }
1025
-
1026
  #query-monitor-main .qm button.qm-filter-trigger,
1027
  #query-monitor-main .qm button.qm-filter-trigger code,
1028
  #query-monitor-main .qm tbody .qm-warn a code,
@@ -1032,7 +900,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1032
  cursor: pointer !important;
1033
  text-decoration: none !important;
1034
  }
1035
-
1036
  #query-monitor-main .qm button.qm-filter-trigger:after, #query-monitor-main .qm button.qm-filter-trigger:focus, #query-monitor-main .qm button.qm-filter-trigger:hover,
1037
  #query-monitor-main .qm button.qm-filter-trigger code:after,
1038
  #query-monitor-main .qm button.qm-filter-trigger code:focus,
@@ -1049,7 +916,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1049
  color: #0096dd !important;
1050
  text-decoration: underline !important;
1051
  }
1052
-
1053
  #query-monitor-main .qm button.qm-filter-trigger:active,
1054
  #query-monitor-main .qm button.qm-filter-trigger code:active,
1055
  #query-monitor-main .qm tbody .qm-warn a code:active,
@@ -1058,7 +924,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1058
  color: #11b2ff !important;
1059
  text-decoration: underline !important;
1060
  }
1061
-
1062
  #query-monitor-main .qm a.qm-external-link:after,
1063
  #query-monitor-main .qm a.qm-link:after,
1064
  #query-monitor-main .qm a.qm-edit-link:after,
@@ -1074,14 +939,12 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1074
  top: 2px !important;
1075
  visibility: hidden !important;
1076
  }
1077
-
1078
  #query-monitor-main .qm button.qm-filter-info:before {
1079
  left: unset !important;
1080
  right: 2px !important;
1081
- content: '\f534' !important;
1082
  visibility: visible !important;
1083
  }
1084
-
1085
  #query-monitor-main .qm a.qm-external-link:after,
1086
  #query-monitor-main .qm a.qm-link:hover:after,
1087
  #query-monitor-main .qm a.qm-link:focus:after,
@@ -1091,24 +954,19 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1091
  #query-monitor-main .qm button.qm-filter-trigger:focus:after {
1092
  visibility: visible !important;
1093
  }
1094
-
1095
  #query-monitor-main .qm button.qm-filter-trigger:after {
1096
- content: '\f536' !important;
1097
  }
1098
-
1099
  #query-monitor-main .qm a.qm-edit-link:after {
1100
- content: '\f464' !important;
1101
  }
1102
-
1103
  #query-monitor-main .qm a.qm-external-link:after,
1104
  #query-monitor-main .qm a.qm-link:after {
1105
- content: '\f504' !important;
1106
  }
1107
-
1108
  #query-monitor-main #qm-ajax-errors {
1109
  display: none;
1110
  }
1111
-
1112
  #query-monitor-main button,
1113
  #query-monitor-main select {
1114
  background: none !important;
@@ -1117,7 +975,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1117
  margin: 0 !important;
1118
  width: auto !important;
1119
  }
1120
-
1121
  #query-monitor-main .qm label {
1122
  color: #222 !important;
1123
  cursor: pointer !important;
@@ -1126,25 +983,20 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1126
  font-weight: normal !important;
1127
  margin: 0 !important;
1128
  }
1129
-
1130
  #query-monitor-main .qm thead label {
1131
  flex-grow: 1 !important;
1132
  }
1133
-
1134
  #query-monitor-main .qm .qm-filter-container {
1135
  display: flex !important;
1136
  }
1137
-
1138
  #query-monitor-main .qm .qm-filter-container label {
1139
  cursor: default !important;
1140
  white-space: nowrap !important;
1141
  }
1142
-
1143
  #query-monitor-main .qm .qm-filter-container div {
1144
  /* Some themes use Select2 etc on all selects. This hides that. */
1145
  display: none !important;
1146
  }
1147
-
1148
  #query-monitor-main .qm select.qm-filter {
1149
  -webkit-appearance: menulist !important;
1150
  -moz-appearance: menulist !important;
@@ -1163,11 +1015,9 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1163
  padding: 0 !important;
1164
  width: auto !important;
1165
  }
1166
-
1167
  #query-monitor-main .qm select.qm-filter:hover {
1168
  background: #f3f3f3 !important;
1169
  }
1170
-
1171
  #query-monitor-main .qm-hide,
1172
  #query-monitor-main .qm-hide-scripts-dependencies,
1173
  #query-monitor-main .qm-hide-styles-dependencies,
@@ -1183,24 +1033,19 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1183
  #query-monitor-main .qm-hide-component {
1184
  display: none !important;
1185
  }
1186
-
1187
  #query-monitor-main .qm thead th.qm-sortable-column {
1188
  cursor: pointer !important;
1189
  }
1190
-
1191
  #query-monitor-main .qm thead th.qm-sortable-column:hover {
1192
  background: #f3f3f3 !important;
1193
  }
1194
-
1195
  #query-monitor-main .qm .qm-sort-heading {
1196
  flex-grow: 1 !important;
1197
  }
1198
-
1199
  #query-monitor-main .qm .qm-sort-controls {
1200
  flex-shrink: 0 !important;
1201
  text-align: right !important;
1202
  }
1203
-
1204
  #query-monitor-main .qm .qm-sortable-column .qm-sort-arrow {
1205
  color: #ccc !important;
1206
  display: block !important;
@@ -1210,39 +1055,32 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1210
  margin: 0 !important;
1211
  width: 16px !important;
1212
  }
1213
-
1214
  #query-monitor-main .qm .qm-sortable-column .qm-sort-arrow::before {
1215
- content: "\f140" !important;
1216
  position: absolute !important;
1217
  right: 0 !important;
1218
  top: 4px !important;
1219
  }
1220
-
1221
  #query-monitor-main .qm .qm-sorted-desc .qm-sort-arrow,
1222
  #query-monitor-main .qm .qm-sorted-asc .qm-sort-arrow {
1223
  color: #222 !important;
1224
  }
1225
-
1226
  #query-monitor-main .qm thead th.qm-sortable-column:hover .qm-sort-arrow {
1227
  color: #0073aa !important;
1228
  }
1229
-
1230
  #query-monitor-main .qm .qm-sortable-column.qm-sorted-asc .qm-sort-arrow::before {
1231
- content: "\f142" !important;
1232
  }
1233
-
1234
  #query-monitor-main .qm button:focus,
1235
  #query-monitor-main .qm a:focus,
1236
  #query-monitor-main .qm select:focus {
1237
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0072ab !important;
1238
  }
1239
-
1240
  #query-monitor-main .qm button:active,
1241
  #query-monitor-main .qm a:active,
1242
  #query-monitor-main .qm select:active {
1243
  box-shadow: none !important;
1244
  }
1245
-
1246
  #query-monitor-main .qm-screen-reader-text,
1247
  #query-monitor-main .screen-reader-text {
1248
  border: 0 !important;
@@ -1254,52 +1092,41 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1254
  position: absolute !important;
1255
  width: 1px !important;
1256
  }
1257
-
1258
  @media screen and (max-width: 782px) {
1259
  #query-monitor-main #qm-panel-menu,
1260
- #query-monitor-main #qm-title h1.qm-title-heading {
1261
  display: none;
1262
  }
1263
  #query-monitor-main #qm-title div.qm-title-heading {
1264
  display: block;
1265
  }
1266
  }
1267
-
1268
- #query-monitor-main [data-qm-state="off"] [data-qm-state-visibility="on"],
1269
- #query-monitor-main [data-qm-state="on"] [data-qm-state-visibility="off"] {
1270
  display: none;
1271
  }
1272
-
1273
- #query-monitor-main.qm-no-js .qm-sort-controls,
1274
- #query-monitor-main.qm-no-js .qm-toggle,
1275
- #query-monitor-main.qm-no-js select.qm-filter {
1276
  display: none !important;
1277
  }
1278
-
1279
  #query-monitor-main .qm.qm-debug-bar textarea,
1280
  #query-monitor-main .qm.qm-debug-bar pre {
1281
  border: 1px solid #ddd !important;
1282
  margin: 4px 0 !important;
1283
  padding: 10px !important;
1284
  }
1285
-
1286
  #query-monitor-main .qm.qm-debug-bar textarea {
1287
  resize: vertical !important;
1288
  }
1289
-
1290
  #query-monitor-main .qm.qm-debug-bar .left {
1291
  float: left !important;
1292
  }
1293
-
1294
  #query-monitor-main .qm.qm-debug-bar .right {
1295
  float: right !important;
1296
  }
1297
-
1298
  #query-monitor-main .qm.qm-debug-bar h2 {
1299
  font-size: 14px !important;
1300
  margin: 4px 6px 15px !important;
1301
  }
1302
-
1303
  #query-monitor-main .qm.qm-debug-bar h3 {
1304
  clear: none !important;
1305
  float: left !important;
@@ -1310,87 +1137,65 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1310
  padding: 5px 10px 15px !important;
1311
  text-align: center !important;
1312
  }
1313
-
1314
  #query-monitor-main .qm.qm-debug-bar h3 small {
1315
  font-size: 14px !important;
1316
  }
1317
-
1318
  #query-monitor-main .qm.qm-debug-bar h3 span {
1319
  display: block !important;
1320
  margin-bottom: 8px !important;
1321
  white-space: nowrap !important;
1322
  }
1323
-
1324
  #query-monitor-main .qm.qm-debug-bar h4 {
1325
  font-size: 13px !important;
1326
  margin: 15px 6px 5px !important;
1327
  }
1328
-
1329
  #query-monitor-main .qm.qm-debug-bar .qm-debug-bar-output {
1330
  position: relative !important;
1331
  }
1332
-
1333
  #query-monitor-main .qm.qm-debug-bar .qm-debug-bar-output table {
1334
  margin-bottom: 4px !important;
1335
  margin-top: 4px !important;
1336
  }
1337
-
1338
  #query-monitor-main #debug-menu-target-Debug_Bar_Console {
1339
  min-height: 400px !important;
1340
  }
1341
-
1342
  #query-monitor-main #debug-menu-target-Debug_Bar_Cache_Lookup,
1343
  #query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules,
1344
  #query-monitor-main #debug-menu-target-Debug_Bar_Widgets {
1345
  margin: 4px 6px !important;
1346
  }
1347
-
1348
  #query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules_Panel .filterui,
1349
  #query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules_Panel .dbrr {
1350
  margin: 0 !important;
1351
  }
1352
-
1353
  #query-monitor-main #qm-broken {
1354
  display: none !important;
1355
  }
1356
-
1357
  #query-monitor-main.qm-broken #qm-title {
1358
  cursor: default !important;
1359
  }
1360
-
1361
  #query-monitor-main.qm-broken #qm-title .qm-title-heading {
1362
  border-right: none !important;
1363
  }
1364
-
1365
- #query-monitor-main.qm-broken .qm td .qm-toggled,
1366
- #query-monitor-main.qm-broken #qm-broken,
1367
- #query-monitor-main.qm-broken .qm {
1368
  display: block !important;
1369
  }
1370
-
1371
- #query-monitor-main.qm-broken #qm-panel-menu,
1372
- #query-monitor-main.qm-broken #qm-settings,
1373
- #query-monitor-main.qm-broken #qm-title .qm-title-button {
1374
  display: none !important;
1375
  }
1376
-
1377
  #query-monitor-main.qm-broken .qm {
1378
  margin-bottom: 50px !important;
1379
  }
1380
-
1381
  #query-monitor-main.qm-broken .qm button.qm-filter-trigger {
1382
  color: #222 !important;
1383
  cursor: text !important;
1384
  }
1385
-
1386
  #query-monitor-main.qm-broken .qm button.qm-filter-trigger:after {
1387
  display: none !important;
1388
  }
1389
-
1390
  #query-monitor-main.qm-broken .qm button.qm-filter-trigger:focus, #query-monitor-main.qm-broken .qm button.qm-filter-trigger:hover, #query-monitor-main.qm-broken .qm button.qm-filter-trigger:active {
1391
  text-decoration: none !important;
1392
  }
1393
-
1394
  #query-monitor-main.qm-broken #qm-broken h2 {
1395
  padding: 20px !important;
1396
  }
@@ -1405,7 +1210,6 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1405
  position: absolute !important;
1406
  z-index: 99999 !important;
1407
  }
1408
-
1409
  #qm-fatal h2 {
1410
  font-size: 12px !important;
1411
  font-weight: normal !important;
@@ -1413,27 +1217,22 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1413
  background: #f3f3f3 !important;
1414
  margin: 0 !important;
1415
  }
1416
-
1417
  #qm-fatal .dashicons {
1418
  color: #c00 !important;
1419
  }
1420
-
1421
  #qm-fatal ol,
1422
  #qm-fatal p {
1423
  font-size: 12px !important;
1424
  padding: 0 !important;
1425
  margin: 1em !important;
1426
  }
1427
-
1428
  #qm-fatal ol {
1429
  padding: 0 0 1em 1em !important;
1430
  }
1431
-
1432
  #qm-fatal li {
1433
  margin: 0 0 0.7em !important;
1434
  list-style: none !important;
1435
  }
1436
-
1437
  #qm-fatal .qm-info {
1438
  color: #666 !important;
1439
  }
@@ -1441,4 +1240,4 @@ body.admin-color-light #wp-admin-bar-query-monitor:not(.qm-all-clear):not(:hover
1441
  body#error-page #qm-fatal {
1442
  margin: 0 !important;
1443
  border: none !important;
1444
- }
1
+ @charset "UTF-8";
2
  /**
3
  * The standard colour scheme for Query Monitor.
4
  *
7
  #wpadminbar .quicklinks .menupop ul li.qm-true > a {
8
  color: #8c8 !important;
9
  }
 
10
  #wpadminbar .quicklinks .menupop ul li.qm-true > a:focus, #wpadminbar .quicklinks .menupop ul li.qm-true > a:hover {
11
  color: #47a747 !important;
12
  }
 
13
  #wpadminbar .qm-alert {
14
  background-color: #f60;
15
  }
 
16
  #wpadminbar .qm-alert:hover {
17
  background-color: #e65c00;
18
  }
 
19
  #wpadminbar #wp-admin-bar-query-monitor-stricts a,
20
  #wpadminbar #wp-admin-bar-query-monitor-deprecateds a,
21
  #wpadminbar #wp-admin-bar-query-monitor-notices a,
24
  #wpadminbar .qm-notice {
25
  background-color: #740;
26
  }
 
27
  #wpadminbar #wp-admin-bar-query-monitor-expensive a,
28
  #wpadminbar .qm-expensive {
29
  background-color: #b60;
30
  }
 
31
  #wpadminbar #wp-admin-bar-query-monitor-expensive a:hover,
32
  #wpadminbar .qm-expensive:hover {
33
  background-color: #915700;
34
  }
 
35
  #wpadminbar #wp-admin-bar-query-monitor-logger-warning a,
36
  #wpadminbar #wp-admin-bar-query-monitor-warnings a,
37
  #wpadminbar #wp-admin-bar-query-monitor-errors a,
39
  #wpadminbar .qm-warning {
40
  background-color: #c00;
41
  }
 
42
  #wpadminbar #wp-admin-bar-query-monitor-logger-warning a:hover,
43
  #wpadminbar #wp-admin-bar-query-monitor-warnings a:hover,
44
  #wpadminbar #wp-admin-bar-query-monitor-errors a:hover,
46
  #wpadminbar .qm-warning:hover {
47
  background-color: #b30000;
48
  }
 
49
  #wpadminbar #wp-admin-bar-query-monitor .ab-icon {
50
  color: #aaa !important;
51
  display: none !important;
53
  padding: 0 10px !important;
54
  width: auto !important;
55
  }
 
56
  @media screen and (max-width: 782px) {
57
  #wpadminbar #wp-admin-bar-query-monitor .ab-icon {
58
  display: block !important;
151
  word-wrap: normal !important;
152
  width: auto !important;
153
  }
 
154
  #query-monitor-main dl::before, #query-monitor-main dl::after,
155
  #query-monitor-main dt::before,
156
  #query-monitor-main dt::after,
202
  #query-monitor-main p::after {
203
  display: none !important;
204
  }
 
205
  #query-monitor-main {
206
  background: transparent !important;
207
  border: none !important;
243
  text-align: left !important;
244
  z-index: 99998 !important;
245
  }
 
246
  #query-monitor-main::before, #query-monitor-main::after {
247
  display: none !important;
248
  }
 
249
  #query-monitor-main ::selection {
250
  background-color: #B9D6FB !important;
251
  color: #222 !important;
252
  }
 
253
  #query-monitor-main strong,
254
  #query-monitor-main b {
255
  font-weight: bold !important;
256
  }
 
257
  #query-monitor-main em,
258
  #query-monitor-main i {
259
  font-style: italic !important;
260
  }
 
261
  #query-monitor-main.qm-show, #query-monitor-main.qm-peek {
262
  display: flex;
263
  flex-direction: column !important;
264
  height: 27px;
265
  }
 
266
  #query-monitor-main.qm-show {
267
  height: 40%;
268
  width: 40%;
269
  }
 
270
  #query-monitor-main:not(.qm-show-right) {
271
  width: 100% !important;
272
  }
 
273
  #query-monitor-main.qm-show-right {
274
+ height: calc( 100vh - 32px ) !important;
275
  top: 32px !important;
276
  left: unset !important;
277
  border-top: 0 !important;
278
  border-left: 1px solid #aaa !important;
279
  }
 
280
  #query-monitor-main.qm-show-right #qm-panel-menu,
281
  #query-monitor-main.qm-show-right #qm-title h1.qm-title-heading {
282
  display: none;
283
  }
 
284
  #query-monitor-main.qm-show-right #qm-title div.qm-title-heading {
285
  display: block;
286
  }
 
287
  #query-monitor-main.qm-show-right #qm-title {
288
  cursor: default !important;
289
  }
 
290
  #query-monitor-main.qm-show-right #qm-side-resizer {
291
  background: transparent !important;
292
  cursor: ew-resize !important;
298
  width: 4px !important;
299
  z-index: 2 !important;
300
  }
 
301
  #query-monitor-main.qm-show-right.qm-peek {
302
  height: 100vh !important;
303
  top: 0 !important;
304
  }
 
305
  #query-monitor-main #qm-wrapper {
306
  display: flex;
307
  flex-grow: 1 !important;
308
  /* Fix nested scrolling in Firefox. See https://bugzilla.mozilla.org/show_bug.cgi?id=1043520: */
309
  min-height: 0;
310
  }
 
311
  #query-monitor-main #qm-title {
312
  align-items: center !important;
313
  background: #f3f3f3 !important;
322
  -webkit-user-select: none !important;
323
  user-select: none !important;
324
  }
 
325
  #query-monitor-main #qm-title .qm-title-heading {
326
  border-right: 1px solid #bbb !important;
327
  flex-grow: 1 !important;
328
  margin-right: 6px !important;
329
  }
 
330
  #query-monitor-main #qm-title div.qm-title-heading {
331
  display: none;
332
  }
 
333
  #query-monitor-main #qm-title .qm-title-button {
334
  flex-shrink: 0 !important;
335
  }
 
336
  #query-monitor-main #qm-title .dashicons {
337
  transition: none !important;
338
  height: 20px !important;
339
  width: 20px !important;
340
  }
 
341
  #query-monitor-main #qm-title .qm-button-container-close {
342
  margin-right: 10px !important;
343
  }
 
344
  #query-monitor-main #qm-title .qm-button-container-close .dashicons {
345
  font-size: 20px !important;
346
  margin: 3px 0 3px !important;
347
  }
 
348
  @media screen and (max-width: 960px) {
349
  #query-monitor-main #qm-title .qm-button-container-position {
350
  display: none !important;
351
  }
352
  }
 
353
  #query-monitor-main #qm-title button {
354
  background: transparent !important;
355
  color: #666 !important;
359
  min-width: auto !important;
360
  padding: 0px 4px !important;
361
  }
 
362
  #query-monitor-main #qm-title button:focus *,
363
  #query-monitor-main #qm-title button:hover *,
364
  #query-monitor-main #qm-title button:focus,
366
  background: #e6e6e6 !important;
367
  color: #000 !important;
368
  }
 
369
  #query-monitor-main #qm-title button:active *,
370
  #query-monitor-main #qm-title button:active {
371
  background: #ccc !important;
372
  }
 
373
  #query-monitor-main #qm-title button.qm-button-active {
374
  color: #3879d9 !important;
375
  }
 
376
  #query-monitor-main #qm-title .qm-button-container-settings .dashicons {
377
  font-size: 17px !important;
378
  margin: 4px 0 2px !important;
379
  }
 
380
  #query-monitor-main #qm-title .qm-button-container-position .dashicons {
381
  font-size: 15px !important;
382
  margin: 2px -1px 3px 4px !important;
383
  transform: scaleX(-1) rotate(90deg) !important;
384
  }
 
385
  #query-monitor-main.qm-show-right #qm-title .qm-button-container-position .dashicons {
386
  margin: 4px 1px 0px 1px !important;
387
  transform: none !important;
388
  }
 
389
  #query-monitor-main .qm {
390
  display: none !important;
391
  }
 
392
  #query-monitor-main #qm-panel-menu {
393
  background: #ececec !important;
394
  flex-shrink: 0 !important;
396
  overscroll-behavior: contain !important;
397
  height: auto !important;
398
  }
 
399
  #query-monitor-main #qm-panel-menu ul {
400
  display: block !important;
401
  list-style: none !important;
404
  width: auto !important;
405
  height: auto !important;
406
  }
 
407
  #query-monitor-main #qm-panel-menu li {
408
  display: list-item !important;
409
  margin: 0 !important;
410
  padding: 0 !important;
411
  height: auto !important;
412
  }
 
413
  #query-monitor-main #qm-panel-menu li ul {
414
  display: none !important;
415
  }
 
416
  #query-monitor-main #qm-panel-menu li button {
417
  background: #f3f3f3 !important;
418
  border-bottom: 1px solid #ddd !important;
425
  text-decoration: none !important;
426
  width: 100% !important;
427
  }
 
428
  #query-monitor-main #qm-panel-menu li button:focus,
429
  #query-monitor-main #qm-panel-menu li button:hover {
430
  background: #cde !important;
431
  color: #222 !important;
432
  }
 
433
  #query-monitor-main #qm-panel-menu li button:focus {
434
  text-decoration: underline !important;
435
  }
 
436
  #query-monitor-main #qm-panel-menu li button:active {
437
  text-decoration: none !important;
438
  background: #0073aa !important;
439
  color: #fff !important;
440
  text-shadow: 0 -1px 1px #006291, 1px 0 1px #006291, 0 1px 1px #006291, -1px 0 1px #006291 !important;
441
  }
 
442
  #query-monitor-main #qm-panel-menu li.qm-current-menu ul {
443
  display: block !important;
444
  }
 
445
  #query-monitor-main #qm-panel-menu li.qm-current-menu button {
446
  background: #def !important;
447
  color: #222 !important;
448
  }
 
449
  #query-monitor-main #qm-panel-menu li.qm-current-menu button:focus {
450
  background: #f7fbff !important;
451
  color: #222 !important;
452
  }
 
453
  #query-monitor-main #qm-panel-menu li.qm-current-menu button:hover {
454
  background: #cde !important;
455
  color: #222 !important;
456
  }
 
457
  #query-monitor-main #qm-panel-menu li li button::before {
458
+ content: "" !important;
459
  display: inline-block !important;
460
  margin-right: 5px !important;
461
  }
462
+ #query-monitor-main #qm-panel-menu li button[aria-selected=true] {
 
463
  background: #0073aa !important;
464
  color: #fff !important;
465
  text-shadow: 0 -1px 1px #006291, 1px 0 1px #006291, 0 1px 1px #006291, -1px 0 1px #006291 !important;
466
  }
467
+ #query-monitor-main #qm-panel-menu li button[aria-selected=true]:focus {
 
468
  background: #0084c4 !important;
469
  color: #fff !important;
470
  }
471
+ #query-monitor-main #qm-panel-menu li button[aria-selected=true]:hover {
 
472
  background: #0073aa !important;
473
  color: #fff !important;
474
  }
475
+ #query-monitor-main #qm-panel-menu li button[aria-selected=true]:after {
 
476
  border: solid 8px transparent;
477
  border-right-color: #fff;
478
  content: " ";
485
  top: 50%;
486
  width: 0;
487
  }
 
488
  #query-monitor-main #qm-panels {
489
  flex-grow: 1 !important;
490
  overflow-y: scroll !important;
491
  overscroll-behavior: contain !important;
492
  }
 
493
  #query-monitor-main .qm.qm-panel-show {
494
  display: block !important;
495
  }
 
496
  #query-monitor-main .qm:focus {
497
  outline: 0 !important;
498
  /* @TODO might not need this any more */
499
  }
 
500
  #query-monitor-main .qm-boxed {
501
  display: flex !important;
502
  flex-wrap: wrap !important;
503
  }
 
504
  #query-monitor-main .qm-boxed:not(#qm-broken) + .qm-boxed {
505
  border-top: 1px solid #ddd !important;
506
  padding-top: 10px !important;
507
  }
 
508
  #query-monitor-main .qm-boxed-wrap {
509
  flex-wrap: wrap !important;
510
  }
 
511
  #query-monitor-main .qm .qm-none {
512
  margin: 2em !important;
513
  }
 
514
  #query-monitor-main .qm .qm-none p {
515
  font-style: italic !important;
516
  text-align: center !important;
517
  }
 
518
  #query-monitor-main .qm table {
519
  border: none !important;
520
  border-collapse: collapse !important;
524
  table-layout: auto !important;
525
  width: 100% !important;
526
  }
 
527
  #query-monitor-main .qm table + table {
528
  border-top: 1px solid #e0e0e0 !important;
529
  margin-top: 5px !important;
530
  }
 
531
  #query-monitor-main .qm tr {
532
  border: none !important;
533
  }
 
534
  #query-monitor-main .qm tbody th,
535
  #query-monitor-main .qm tbody td,
536
  #query-monitor-main .qm tfoot th,
539
  padding: 5px 5px 4px 5px !important;
540
  vertical-align: top !important;
541
  }
 
542
  #query-monitor-main .qm tbody th,
543
  #query-monitor-main .qm tbody td {
544
  border-bottom: none !important;
545
  border-top: none !important;
546
  }
 
547
  #query-monitor-main .qm thead th {
548
  background: #fff !important;
549
  border: 1px solid #e0e0e0 !important;
555
  top: 0 !important;
556
  z-index: 1 !important;
557
  }
 
558
  #query-monitor-main .qm thead th,
559
  #query-monitor-main .qm thead td {
560
  vertical-align: top !important;
561
  }
 
562
  #query-monitor-main .qm thead .qm-th {
563
  display: flex !important;
564
  }
 
565
  #query-monitor-main .qm tfoot tr td,
566
  #query-monitor-main .qm tfoot tr th {
567
  background: #f3f3f3 !important;
571
  position: -webkit-sticky !important;
572
  position: sticky !important;
573
  }
 
574
  #query-monitor-main .qm th:first-child,
575
  #query-monitor-main .qm td:first-child {
576
  border-left: none !important;
577
  }
 
578
  #query-monitor-main .qm th:last-child,
579
  #query-monitor-main .qm td:last-child {
580
  border-right: none !important;
581
  }
 
582
  #query-monitor-main .qm tfoot td.qm-num,
583
  #query-monitor-main .qm tfoot th.qm-num,
584
  #query-monitor-main .qm thead td.qm-num,
585
  #query-monitor-main .qm thead th.qm-num {
586
  width: 5.5em !important;
587
  }
 
588
  #query-monitor-main .qm th.qm-num,
589
  #query-monitor-main .qm td.qm-num {
590
  text-align: right !important;
591
  }
 
592
  #query-monitor-main .qm td.qm-num {
593
  font-family: Menlo, Monaco, Consolas, monospace !important;
594
  font-size: 11px !important;
595
  line-height: 18px !important;
596
  }
 
597
  #query-monitor-main .qm td.qm-row-sql {
598
  min-width: 25em !important;
599
  }
 
600
  #query-monitor-main .qm td.qm-row-block-attrs,
601
+ #query-monitor-main .qm td.qm-row-block-context,
602
  #query-monitor-main .qm td.qm-row-block-html {
603
  max-width: 40em !important;
604
  }
605
+ #query-monitor-main .qm td.qm-row-block-attrs,
606
+ #query-monitor-main .qm td.qm-row-block-context,
607
+ #query-monitor-main .qm td.qm-row-block-html,
608
  #query-monitor-main .qm tr.qm-warn td.qm-col-status,
609
  #query-monitor-main .qm td.qm-url,
610
  #query-monitor-main .qm th.qm-col-message,
611
  #query-monitor-main .qm td.qm-row-component {
612
  min-width: 15em !important;
613
  }
 
614
  #query-monitor-main .qm td.qm-has-toggle {
615
  padding-right: 24px !important;
616
  position: relative !important;
617
  }
 
618
  #query-monitor-main .qm td.qm-has-toggle:not(.qm-toggled-on) .qm-supplemental {
619
  display: none;
620
  }
 
621
  #query-monitor-main .qm .qm-inner-toggle {
622
  padding: 4px 6px !important;
623
  }
 
624
  #query-monitor-main .qm .qm-has-inner .qm-toggled > table {
625
  border-bottom: none !important;
626
  border-top: 1px solid #e0e0e0 !important;
627
  }
 
628
  #query-monitor-main .qm td.qm-has-inner .qm-toggler,
629
  #query-monitor-main .qm td.qm-has-inner {
630
  padding: 0 !important;
631
  }
 
632
  #query-monitor-main .qm caption h2 {
633
  font-size: 14px !important;
634
  margin: 20px !important;
635
  }
 
636
  #query-monitor-main .qm-concerns table {
637
  border-top: 1px solid #e0e0e0 !important;
638
  margin-bottom: 20px !important;
639
  }
 
640
  #query-monitor-main .qm-non-tabular {
641
  padding: 10px 20px !important;
642
  }
 
643
  #query-monitor-main .qm-non-tabular h3 {
644
  font-size: 14px !important;
645
  margin: 0 0 15px 0 !important;
646
  }
 
647
  #query-monitor-main .qm-non-tabular h4 {
648
  font-size: 12px !important;
649
  margin: 20px 0 10px !important;
650
  }
 
651
  #query-monitor-main .qm-non-tabular p {
652
  margin-bottom: 10px !important;
653
  }
 
654
  #query-monitor-main .qm-non-tabular dl {
655
  display: flex !important;
656
  flex-wrap: wrap !important;
657
  max-width: 60em !important;
658
  }
 
659
  #query-monitor-main .qm-non-tabular dt {
660
  border-top: 1px solid #ddd !important;
661
  flex-grow: 0;
662
  flex: 1 0 16em;
663
  padding: 10px 10px 10px 0 !important;
664
  }
 
665
  #query-monitor-main .qm-non-tabular dd {
666
  border-top: 1px solid #ddd !important;
667
  flex: 1 0 calc(100% - 10px - 16em);
668
  padding: 10px 0 !important;
669
  }
 
670
  #query-monitor-main .qm-non-tabular section,
671
  #query-monitor-main .qm-non-tabular .qm-section {
672
  margin: 0 0 30px 0 !important;
673
  }
 
674
  #query-monitor-main .qm-non-tabular .qm-boxed section,
675
  #query-monitor-main .qm-non-tabular .qm-boxed .qm-section {
676
  border-right: 1px solid #ddd !important;
677
  margin: 0 20px 10px 0 !important;
678
  padding: 10px 20px 10px 0 !important;
679
  }
 
680
  #query-monitor-main .qm-non-tabular .qm-boxed section:last-child,
681
  #query-monitor-main .qm-non-tabular .qm-boxed .qm-section:last-child {
682
  border-right: none !important;
683
  margin-right: 0 !important;
684
  padding-right: 20px !important;
685
  }
 
686
  #query-monitor-main .qm-non-tabular table {
687
  border-bottom-color: #e0e0e0 !important;
688
  }
 
689
  #query-monitor-main #qm-conditionals li {
690
  display: inline-block !important;
691
  margin: 0 20px 5px 0 !important;
692
  }
 
693
  #query-monitor-main .qm ol,
694
  #query-monitor-main .qm ul {
695
  list-style: none !important;
696
  }
 
697
  #query-monitor-main .qm li {
698
  display: list-item !important;
699
  list-style: none !important;
700
  }
 
701
  #query-monitor-main .qm li::before {
702
+ content: "" !important;
703
  }
 
704
  #query-monitor-main .qm code,
705
  #query-monitor-main .qm pre {
706
  font-family: Menlo, Monaco, Consolas, monospace !important;
707
  font-size: 11px !important;
708
  line-height: 18px !important;
709
  }
 
710
  #query-monitor-main .qm pre {
711
  background: transparent !important;
712
  height: auto !important;
714
  padding: 0 !important;
715
  width: auto !important;
716
  }
 
717
  #query-monitor-main .qm .qm-true code,
718
  #query-monitor-main .qm p.qm-true,
719
  #query-monitor-main .qm span.qm-true,
720
  #query-monitor-main .qm td.qm-true {
721
  color: #282 !important;
722
  }
 
723
  #query-monitor-main .qm .qm-false code,
724
  #query-monitor-main .qm span.qm-false,
725
  #query-monitor-main .qm td.qm-false {
726
  color: #999 !important;
727
  }
 
728
  #query-monitor-main .qm .qm-num,
729
  #query-monitor-main .qm code,
730
  #query-monitor-main .qm .qm-nowrap {
731
  white-space: nowrap !important;
732
  }
 
733
  #query-monitor-main .qm .qm-wrap code,
734
  #query-monitor-main .qm .qm-wrap {
735
  white-space: normal !important;
736
  word-break: break-all !important;
737
  word-wrap: break-word !important;
738
  }
 
739
  #query-monitor-main .qm .qm-pre-wrap code {
740
  white-space: pre-wrap !important;
741
  word-break: break-all !important;
742
  word-wrap: break-word !important;
743
  }
 
744
  #query-monitor-main .qm .qm-sticky {
745
  position: sticky !important;
746
  top: 36px !important;
747
  }
 
748
  #query-monitor-main .qm .qm-current,
749
  #query-monitor-main .qm td.qm-has-toggle p,
750
  #query-monitor-main .qm .qm-nonselectsql code,
751
  #query-monitor-main .qm .qm-nonselectsql {
752
  color: #a0a !important;
753
  }
 
754
  #query-monitor-main .qm .qm-info {
755
  color: #666 !important;
756
  }
 
757
  #query-monitor-main .qm .qm-supplemental {
758
  margin-left: 0.75em !important;
759
  margin-right: 0.75em !important;
760
  }
 
761
  #query-monitor-main .qm td.qm-toggled-on .qm-inverse-toggled,
762
  #query-monitor-main .qm td .qm-toggled {
763
  display: none;
764
  }
 
765
  #query-monitor-main .qm button.qm-button,
766
  #query-monitor-main .qm .qm-toggle {
767
  background: #007cba !important;
772
  font-weight: normal !important;
773
  text-shadow: none !important;
774
  }
 
775
  #query-monitor-main .qm .qm-toggle {
776
  bottom: auto !important;
777
  font-family: Menlo, Monaco, Consolas, monospace !important;
786
  user-select: none;
787
  width: 18px !important;
788
  }
 
789
  #query-monitor-main .qm button {
790
  cursor: pointer !important;
791
  }
 
792
  #query-monitor-main .qm button.qm-button {
793
  padding: 4px 10px !important;
794
  }
 
795
  #query-monitor-main .qm .qm-has-inner .qm-toggle {
796
  right: 5px !important;
797
  top: 5px !important;
798
  }
 
799
  #query-monitor-main .qm button.qm-button:hover,
800
  #query-monitor-main .qm .qm-toggle:hover {
801
  background: #0072ab !important;
803
  color: #fff !important;
804
  text-decoration: none !important;
805
  }
 
806
  #query-monitor-main .qm button.qm-button:focus,
807
  #query-monitor-main .qm .qm-toggle:focus {
808
  background: #0072ab !important;
810
  color: #fff !important;
811
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0072ab !important;
812
  }
 
813
  #query-monitor-main .qm button.qm-button:active,
814
  #query-monitor-main .qm .qm-toggle:active {
815
  background: #00689b !important;
817
  color: #fff !important;
818
  box-shadow: none !important;
819
  }
 
820
  #query-monitor-main .qm tbody tr.qm-odd td,
821
  #query-monitor-main .qm tbody tr.qm-odd th {
822
  background: #f9f9f9 !important;
823
  }
 
824
  #query-monitor-main .qm-non-tabular .qm-warn,
825
  #query-monitor-main .qm thead tr .qm-warn,
826
  #query-monitor-main .qm tbody tr .qm-warn {
827
  background-color: #fff0f0 !important;
828
  color: #900 !important;
829
  }
 
830
  #query-monitor-main .qm tbody tr th.qm-warn,
831
  #query-monitor-main .qm tbody tr td.qm-warn,
832
  #query-monitor-main .qm tbody tr.qm-warn td,
834
  background-color: #fff0f0 !important;
835
  color: #900 !important;
836
  }
 
837
  #query-monitor-main .qm tbody tr.qm-odd th.qm-warn,
838
  #query-monitor-main .qm tbody tr.qm-odd td.qm-warn,
839
  #query-monitor-main .qm tbody tr.qm-odd.qm-warn td,
840
  #query-monitor-main .qm tbody tr.qm-odd.qm-warn th {
841
  background-color: #ffe8e8 !important;
842
  }
 
843
  #query-monitor-main .qm-non-tabular .qm-warn code,
844
  #query-monitor-main .qm tbody .qm-warn li,
845
  #query-monitor-main .qm tbody .qm-warn .qm-info,
847
  background-color: transparent !important;
848
  color: #900 !important;
849
  }
 
850
  #query-monitor-main .qm .qm-notice {
851
  background: #def !important;
852
  border: 1px solid #aad5ff !important;
853
  margin: 0 0 10px 0 !important;
854
  padding: 10px 20px 0 !important;
855
  }
 
856
  #query-monitor-main .qm .dashicons {
857
  font-size: 16px !important;
858
  height: 16px !important;
860
  transition: none !important;
861
  width: 16px !important;
862
  }
 
863
  #query-monitor-main .qm .qm-dashicons-yes {
864
  background-color: #0a0 !important;
865
  border-radius: 50% !important;
866
  color: #fff !important;
867
  }
 
868
  #query-monitor-main .qm tbody tr td.qm-highlight,
869
+ #query-monitor-main .qm tbody tr.qm-highlight th,
870
  #query-monitor-main .qm tbody tr.qm-highlight td {
871
  background-color: #ffd !important;
872
  color: #222 !important;
873
  }
 
874
  #query-monitor-main .qm tbody tr.qm-odd td.qm-highlight,
875
+ #query-monitor-main .qm tbody tr.qm-odd.qm-highlight th,
876
  #query-monitor-main .qm tbody tr.qm-odd.qm-highlight td {
877
  background-color: #ffffc9 !important;
878
  color: #222 !important;
879
  }
 
880
  #query-monitor-main .qm tbody tr.qm-odd.qm-hovered th,
881
  #query-monitor-main .qm tbody tr.qm-odd.qm-hovered td,
882
  #query-monitor-main .qm tbody tr.qm-odd:hover th,
887
  #query-monitor-main .qm tbody tr:hover td {
888
  background: #eef3fa !important;
889
  }
 
890
  #query-monitor-main .qm thead th.qm-filtered select.qm-filter {
891
  background-color: #ffd !important;
892
  color: #222 !important;
893
  }
 
894
  #query-monitor-main .qm button.qm-filter-trigger,
895
  #query-monitor-main .qm button.qm-filter-trigger code,
896
  #query-monitor-main .qm tbody .qm-warn a code,
900
  cursor: pointer !important;
901
  text-decoration: none !important;
902
  }
 
903
  #query-monitor-main .qm button.qm-filter-trigger:after, #query-monitor-main .qm button.qm-filter-trigger:focus, #query-monitor-main .qm button.qm-filter-trigger:hover,
904
  #query-monitor-main .qm button.qm-filter-trigger code:after,
905
  #query-monitor-main .qm button.qm-filter-trigger code:focus,
916
  color: #0096dd !important;
917
  text-decoration: underline !important;
918
  }
 
919
  #query-monitor-main .qm button.qm-filter-trigger:active,
920
  #query-monitor-main .qm button.qm-filter-trigger code:active,
921
  #query-monitor-main .qm tbody .qm-warn a code:active,
924
  color: #11b2ff !important;
925
  text-decoration: underline !important;
926
  }
 
927
  #query-monitor-main .qm a.qm-external-link:after,
928
  #query-monitor-main .qm a.qm-link:after,
929
  #query-monitor-main .qm a.qm-edit-link:after,
939
  top: 2px !important;
940
  visibility: hidden !important;
941
  }
 
942
  #query-monitor-main .qm button.qm-filter-info:before {
943
  left: unset !important;
944
  right: 2px !important;
945
+ content: "" !important;
946
  visibility: visible !important;
947
  }
 
948
  #query-monitor-main .qm a.qm-external-link:after,
949
  #query-monitor-main .qm a.qm-link:hover:after,
950
  #query-monitor-main .qm a.qm-link:focus:after,
954
  #query-monitor-main .qm button.qm-filter-trigger:focus:after {
955
  visibility: visible !important;
956
  }
 
957
  #query-monitor-main .qm button.qm-filter-trigger:after {
958
+ content: "" !important;
959
  }
 
960
  #query-monitor-main .qm a.qm-edit-link:after {
961
+ content: "" !important;
962
  }
 
963
  #query-monitor-main .qm a.qm-external-link:after,
964
  #query-monitor-main .qm a.qm-link:after {
965
+ content: "" !important;
966
  }
 
967
  #query-monitor-main #qm-ajax-errors {
968
  display: none;
969
  }
 
970
  #query-monitor-main button,
971
  #query-monitor-main select {
972
  background: none !important;
975
  margin: 0 !important;
976
  width: auto !important;
977
  }
 
978
  #query-monitor-main .qm label {
979
  color: #222 !important;
980
  cursor: pointer !important;
983
  font-weight: normal !important;
984
  margin: 0 !important;
985
  }
 
986
  #query-monitor-main .qm thead label {
987
  flex-grow: 1 !important;
988
  }
 
989
  #query-monitor-main .qm .qm-filter-container {
990
  display: flex !important;
991
  }
 
992
  #query-monitor-main .qm .qm-filter-container label {
993
  cursor: default !important;
994
  white-space: nowrap !important;
995
  }
 
996
  #query-monitor-main .qm .qm-filter-container div {
997
  /* Some themes use Select2 etc on all selects. This hides that. */
998
  display: none !important;
999
  }
 
1000
  #query-monitor-main .qm select.qm-filter {
1001
  -webkit-appearance: menulist !important;
1002
  -moz-appearance: menulist !important;
1015
  padding: 0 !important;
1016
  width: auto !important;
1017
  }
 
1018
  #query-monitor-main .qm select.qm-filter:hover {
1019
  background: #f3f3f3 !important;
1020
  }
 
1021
  #query-monitor-main .qm-hide,
1022
  #query-monitor-main .qm-hide-scripts-dependencies,
1023
  #query-monitor-main .qm-hide-styles-dependencies,
1033
  #query-monitor-main .qm-hide-component {
1034
  display: none !important;
1035
  }
 
1036
  #query-monitor-main .qm thead th.qm-sortable-column {
1037
  cursor: pointer !important;
1038
  }
 
1039
  #query-monitor-main .qm thead th.qm-sortable-column:hover {
1040
  background: #f3f3f3 !important;
1041
  }
 
1042
  #query-monitor-main .qm .qm-sort-heading {
1043
  flex-grow: 1 !important;
1044
  }
 
1045
  #query-monitor-main .qm .qm-sort-controls {
1046
  flex-shrink: 0 !important;
1047
  text-align: right !important;
1048
  }
 
1049
  #query-monitor-main .qm .qm-sortable-column .qm-sort-arrow {
1050
  color: #ccc !important;
1051
  display: block !important;
1055
  margin: 0 !important;
1056
  width: 16px !important;
1057
  }
 
1058
  #query-monitor-main .qm .qm-sortable-column .qm-sort-arrow::before {
1059
+ content: "" !important;
1060
  position: absolute !important;
1061
  right: 0 !important;
1062
  top: 4px !important;
1063
  }
 
1064
  #query-monitor-main .qm .qm-sorted-desc .qm-sort-arrow,
1065
  #query-monitor-main .qm .qm-sorted-asc .qm-sort-arrow {
1066
  color: #222 !important;
1067
  }
 
1068
  #query-monitor-main .qm thead th.qm-sortable-column:hover .qm-sort-arrow {
1069
  color: #0073aa !important;
1070
  }
 
1071
  #query-monitor-main .qm .qm-sortable-column.qm-sorted-asc .qm-sort-arrow::before {
1072
+ content: "" !important;
1073
  }
 
1074
  #query-monitor-main .qm button:focus,
1075
  #query-monitor-main .qm a:focus,
1076
  #query-monitor-main .qm select:focus {
1077
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0072ab !important;
1078
  }
 
1079
  #query-monitor-main .qm button:active,
1080
  #query-monitor-main .qm a:active,
1081
  #query-monitor-main .qm select:active {
1082
  box-shadow: none !important;
1083
  }
 
1084
  #query-monitor-main .qm-screen-reader-text,
1085
  #query-monitor-main .screen-reader-text {
1086
  border: 0 !important;
1092
  position: absolute !important;
1093
  width: 1px !important;
1094
  }
 
1095
  @media screen and (max-width: 782px) {
1096
  #query-monitor-main #qm-panel-menu,
1097
+ #query-monitor-main #qm-title h1.qm-title-heading {
1098
  display: none;
1099
  }
1100
  #query-monitor-main #qm-title div.qm-title-heading {
1101
  display: block;
1102
  }
1103
  }
1104
+ #query-monitor-main [data-qm-state=off] [data-qm-state-visibility=on],
1105
+ #query-monitor-main [data-qm-state=on] [data-qm-state-visibility=off] {
 
1106
  display: none;
1107
  }
1108
+ #query-monitor-main.qm-no-js .qm-sort-controls, #query-monitor-main.qm-no-js .qm-toggle, #query-monitor-main.qm-no-js select.qm-filter {
 
 
 
1109
  display: none !important;
1110
  }
 
1111
  #query-monitor-main .qm.qm-debug-bar textarea,
1112
  #query-monitor-main .qm.qm-debug-bar pre {
1113
  border: 1px solid #ddd !important;
1114
  margin: 4px 0 !important;
1115
  padding: 10px !important;
1116
  }
 
1117
  #query-monitor-main .qm.qm-debug-bar textarea {
1118
  resize: vertical !important;
1119
  }
 
1120
  #query-monitor-main .qm.qm-debug-bar .left {
1121
  float: left !important;
1122
  }
 
1123
  #query-monitor-main .qm.qm-debug-bar .right {
1124
  float: right !important;
1125
  }
 
1126
  #query-monitor-main .qm.qm-debug-bar h2 {
1127
  font-size: 14px !important;
1128
  margin: 4px 6px 15px !important;
1129
  }
 
1130
  #query-monitor-main .qm.qm-debug-bar h3 {
1131
  clear: none !important;
1132
  float: left !important;
1137
  padding: 5px 10px 15px !important;
1138
  text-align: center !important;
1139
  }
 
1140
  #query-monitor-main .qm.qm-debug-bar h3 small {
1141
  font-size: 14px !important;
1142
  }
 
1143
  #query-monitor-main .qm.qm-debug-bar h3 span {
1144
  display: block !important;
1145
  margin-bottom: 8px !important;
1146
  white-space: nowrap !important;
1147
  }
 
1148
  #query-monitor-main .qm.qm-debug-bar h4 {
1149
  font-size: 13px !important;
1150
  margin: 15px 6px 5px !important;
1151
  }
 
1152
  #query-monitor-main .qm.qm-debug-bar .qm-debug-bar-output {
1153
  position: relative !important;
1154
  }
 
1155
  #query-monitor-main .qm.qm-debug-bar .qm-debug-bar-output table {
1156
  margin-bottom: 4px !important;
1157
  margin-top: 4px !important;
1158
  }
 
1159
  #query-monitor-main #debug-menu-target-Debug_Bar_Console {
1160
  min-height: 400px !important;
1161
  }
 
1162
  #query-monitor-main #debug-menu-target-Debug_Bar_Cache_Lookup,
1163
  #query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules,
1164
  #query-monitor-main #debug-menu-target-Debug_Bar_Widgets {
1165
  margin: 4px 6px !important;
1166
  }
 
1167
  #query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules_Panel .filterui,
1168
  #query-monitor-main #debug-menu-target-Debug_Bar_Rewrite_Rules_Panel .dbrr {
1169
  margin: 0 !important;
1170
  }
 
1171
  #query-monitor-main #qm-broken {
1172
  display: none !important;
1173
  }
 
1174
  #query-monitor-main.qm-broken #qm-title {
1175
  cursor: default !important;
1176
  }
 
1177
  #query-monitor-main.qm-broken #qm-title .qm-title-heading {
1178
  border-right: none !important;
1179
  }
1180
+ #query-monitor-main.qm-broken .qm td .qm-toggled, #query-monitor-main.qm-broken #qm-broken, #query-monitor-main.qm-broken .qm {
 
 
 
1181
  display: block !important;
1182
  }
1183
+ #query-monitor-main.qm-broken #qm-panel-menu, #query-monitor-main.qm-broken #qm-settings, #query-monitor-main.qm-broken #qm-title .qm-title-button {
 
 
 
1184
  display: none !important;
1185
  }
 
1186
  #query-monitor-main.qm-broken .qm {
1187
  margin-bottom: 50px !important;
1188
  }
 
1189
  #query-monitor-main.qm-broken .qm button.qm-filter-trigger {
1190
  color: #222 !important;
1191
  cursor: text !important;
1192
  }
 
1193
  #query-monitor-main.qm-broken .qm button.qm-filter-trigger:after {
1194
  display: none !important;
1195
  }
 
1196
  #query-monitor-main.qm-broken .qm button.qm-filter-trigger:focus, #query-monitor-main.qm-broken .qm button.qm-filter-trigger:hover, #query-monitor-main.qm-broken .qm button.qm-filter-trigger:active {
1197
  text-decoration: none !important;
1198
  }
 
1199
  #query-monitor-main.qm-broken #qm-broken h2 {
1200
  padding: 20px !important;
1201
  }
1210
  position: absolute !important;
1211
  z-index: 99999 !important;
1212
  }
 
1213
  #qm-fatal h2 {
1214
  font-size: 12px !important;
1215
  font-weight: normal !important;
1217
  background: #f3f3f3 !important;
1218
  margin: 0 !important;
1219
  }
 
1220
  #qm-fatal .dashicons {
1221
  color: #c00 !important;
1222
  }
 
1223
  #qm-fatal ol,
1224
  #qm-fatal p {
1225
  font-size: 12px !important;
1226
  padding: 0 !important;
1227
  margin: 1em !important;
1228
  }
 
1229
  #qm-fatal ol {
1230
  padding: 0 0 1em 1em !important;
1231
  }
 
1232
  #qm-fatal li {
1233
  margin: 0 0 0.7em !important;
1234
  list-style: none !important;
1235
  }
 
1236
  #qm-fatal .qm-info {
1237
  color: #666 !important;
1238
  }
1240
  body#error-page #qm-fatal {
1241
  margin: 0 !important;
1242
  border: none !important;
1243
+ }
assets/query-monitor.js CHANGED
@@ -48,7 +48,7 @@ var QM_i18n = {
48
  if ( window.jQuery ) {
49
 
50
  jQuery( function($) {
51
- var toolbarHeight = $('#wpadminbar').outerHeight();
52
  var minheight = 100;
53
  var maxheight = ( $(window).height() - toolbarHeight );
54
  var minwidth = 300;
48
  if ( window.jQuery ) {
49
 
50
  jQuery( function($) {
51
+ var toolbarHeight = $('#wpadminbar').length ? $('#wpadminbar').outerHeight() : 0;
52
  var minheight = 100;
53
  var maxheight = ( $(window).height() - toolbarHeight );
54
  var minwidth = 300;
classes/QueryMonitor.php CHANGED
@@ -21,6 +21,7 @@ class QueryMonitor extends QM_Plugin {
21
  add_filter( 'ure_capabilities_groups_tree', array( $this, 'filter_ure_groups' ) );
22
  add_filter( 'network_admin_plugin_action_links_query-monitor/query-monitor.php', array( $this, 'filter_plugin_action_links' ) );
23
  add_filter( 'plugin_action_links_query-monitor/query-monitor.php', array( $this, 'filter_plugin_action_links' ) );
 
24
 
25
  # Parent setup:
26
  parent::__construct( $file );
@@ -52,6 +53,27 @@ class QueryMonitor extends QM_Plugin {
52
  ), $actions );
53
  }
54
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
55
  /**
56
  * Filter a user's capabilities so they can be altered at runtime.
57
  *
21
  add_filter( 'ure_capabilities_groups_tree', array( $this, 'filter_ure_groups' ) );
22
  add_filter( 'network_admin_plugin_action_links_query-monitor/query-monitor.php', array( $this, 'filter_plugin_action_links' ) );
23
  add_filter( 'plugin_action_links_query-monitor/query-monitor.php', array( $this, 'filter_plugin_action_links' ) );
24
+ add_filter( 'plugin_row_meta', array( $this, 'filter_plugin_row_meta' ), 10, 4 );
25
 
26
  # Parent setup:
27
  parent::__construct( $file );
53
  ), $actions );
54
  }
55
 
56
+ /**
57
+ * Filters the array of row meta for each plugin in the Plugins list table.
58
+ *
59
+ * @param string[] $plugin_meta An array of the plugin's metadata.
60
+ * @param string $plugin_file Path to the plugin file relative to the plugins directory.
61
+ * @return string[] An array of the plugin's metadata.
62
+ */
63
+ public function filter_plugin_row_meta( array $plugin_meta, $plugin_file ) {
64
+ if ( 'query-monitor/query-monitor.php' !== $plugin_file ) {
65
+ return $plugin_meta;
66
+ }
67
+
68
+ $plugin_meta[] = sprintf(
69
+ '<a href="%1$s"><span class="dashicons dashicons-star-filled" aria-hidden="true" style="font-size:14px;line-height:1.3"></span>%2$s</a>',
70
+ 'https://github.com/sponsors/johnbillion',
71
+ esc_html_x( 'Sponsor', 'verb', 'query-monitor' )
72
+ );
73
+
74
+ return $plugin_meta;
75
+ }
76
+
77
  /**
78
  * Filter a user's capabilities so they can be altered at runtime.
79
  *
collectors/block_editor.php CHANGED
@@ -9,6 +9,7 @@ class QM_Collector_Block_Editor extends QM_Collector {
9
 
10
  public $id = 'block_editor';
11
 
 
12
  protected $block_timing = array();
13
  protected $block_timer = null;
14
 
@@ -16,6 +17,7 @@ class QM_Collector_Block_Editor extends QM_Collector {
16
  parent::__construct();
17
 
18
  add_filter( 'pre_render_block', array( $this, 'filter_pre_render_block' ), 9999, 2 );
 
19
  add_filter( 'render_block_data', array( $this, 'filter_render_block_data' ), -9999 );
20
  add_filter( 'render_block', array( $this, 'filter_render_block' ), 9999, 2 );
21
  }
@@ -23,7 +25,9 @@ class QM_Collector_Block_Editor extends QM_Collector {
23
  public function get_concerned_filters() {
24
  return array(
25
  'allowed_block_types',
 
26
  'pre_render_block',
 
27
  'render_block_data',
28
  'render_block',
29
  );
@@ -37,6 +41,12 @@ class QM_Collector_Block_Editor extends QM_Collector {
37
  return $pre_render;
38
  }
39
 
 
 
 
 
 
 
40
  public function filter_render_block_data( array $block ) {
41
  $this->block_timer = new QM_Timer();
42
  $this->block_timer->start();
@@ -72,6 +82,7 @@ class QM_Collector_Block_Editor extends QM_Collector {
72
  $this->data['post_blocks'] = self::wp_parse_blocks( $content );
73
  $this->data['all_dynamic_blocks'] = self::wp_get_dynamic_block_names();
74
  $this->data['total_blocks'] = 0;
 
75
  $this->data['has_block_timing'] = false;
76
 
77
  if ( $this->data['post_has_blocks'] ) {
@@ -80,9 +91,11 @@ class QM_Collector_Block_Editor extends QM_Collector {
80
  }
81
 
82
  protected function process_block( array $block ) {
 
 
 
83
  // Remove empty blocks caused by two consecutive line breaks in content
84
  if ( ! $block['blockName'] && ! trim( $block['innerHTML'] ) ) {
85
- array_shift( $this->block_timing );
86
  return null;
87
  }
88
 
@@ -106,6 +119,11 @@ class QM_Collector_Block_Editor extends QM_Collector {
106
  $block['innerHTML'] = trim( $block['innerHTML'] );
107
  $block['size'] = strlen( $block['innerHTML'] );
108
 
 
 
 
 
 
109
  if ( $timing ) {
110
  $block['timing'] = $timing->get_time();
111
  $this->data['has_block_timing'] = true;
9
 
10
  public $id = 'block_editor';
11
 
12
+ protected $block_context = array();
13
  protected $block_timing = array();
14
  protected $block_timer = null;
15
 
17
  parent::__construct();
18
 
19
  add_filter( 'pre_render_block', array( $this, 'filter_pre_render_block' ), 9999, 2 );
20
+ add_filter( 'render_block_context', array( $this, 'filter_render_block_context' ), -9999, 2 );
21
  add_filter( 'render_block_data', array( $this, 'filter_render_block_data' ), -9999 );
22
  add_filter( 'render_block', array( $this, 'filter_render_block' ), 9999, 2 );
23
  }
25
  public function get_concerned_filters() {
26
  return array(
27
  'allowed_block_types',
28
+ 'block_parser_class',
29
  'pre_render_block',
30
+ 'render_block_context',
31
  'render_block_data',
32
  'render_block',
33
  );
41
  return $pre_render;
42
  }
43
 
44
+ public function filter_render_block_context( array $context, array $block ) {
45
+ $this->block_context[] = $context;
46
+
47
+ return $context;
48
+ }
49
+
50
  public function filter_render_block_data( array $block ) {
51
  $this->block_timer = new QM_Timer();
52
  $this->block_timer->start();
82
  $this->data['post_blocks'] = self::wp_parse_blocks( $content );
83
  $this->data['all_dynamic_blocks'] = self::wp_get_dynamic_block_names();
84
  $this->data['total_blocks'] = 0;
85
+ $this->data['has_block_context'] = false;
86
  $this->data['has_block_timing'] = false;
87
 
88
  if ( $this->data['post_has_blocks'] ) {
91
  }
92
 
93
  protected function process_block( array $block ) {
94
+ $context = array_shift( $this->block_context );
95
+ $timing = array_shift( $this->block_timing );
96
+
97
  // Remove empty blocks caused by two consecutive line breaks in content
98
  if ( ! $block['blockName'] && ! trim( $block['innerHTML'] ) ) {
 
99
  return null;
100
  }
101
 
119
  $block['innerHTML'] = trim( $block['innerHTML'] );
120
  $block['size'] = strlen( $block['innerHTML'] );
121
 
122
+ if ( $context ) {
123
+ $block['context'] = $context;
124
+ $this->data['has_block_context'] = true;
125
+ }
126
+
127
  if ( $timing ) {
128
  $block['timing'] = $timing->get_time();
129
  $this->data['has_block_timing'] = true;
collectors/overview.php CHANGED
@@ -49,6 +49,14 @@ class QM_Collector_Overview extends QM_Collector {
49
  $this->data['memory_usage'] = 0;
50
  }
51
 
 
 
 
 
 
 
 
 
52
  $this->data['display_time_usage_warning'] = ( $this->data['time_usage'] >= 75 );
53
  $this->data['display_memory_usage_warning'] = ( $this->data['memory_usage'] >= 75 );
54
 
49
  $this->data['memory_usage'] = 0;
50
  }
51
 
52
+ $this->data['wp_memory_limit'] = QM_Util::convert_hr_to_bytes( trim( WP_MEMORY_LIMIT ) ); // Pull the config value
53
+
54
+ if ( $this->data['wp_memory_limit'] > 0 ) {
55
+ $this->data['wp_memory_usage'] = ( 100 / $this->data['wp_memory_limit'] ) * $this->data['memory'];
56
+ } else {
57
+ $this->data['wp_memory_usage'] = 0;
58
+ }
59
+
60
  $this->data['display_time_usage_warning'] = ( $this->data['time_usage'] >= 75 );
61
  $this->data['display_memory_usage_warning'] = ( $this->data['memory_usage'] >= 75 );
62
 
output/html/block_editor.php CHANGED
@@ -48,6 +48,11 @@ class QM_Output_Html_Block_Editor extends QM_Output_Html {
48
  echo '<th scope="col">#</th>';
49
  echo '<th scope="col">' . esc_html__( 'Block Name', 'query-monitor' ) . '</th>';
50
  echo '<th scope="col">' . esc_html__( 'Attributes', 'query-monitor' ) . '</th>';
 
 
 
 
 
51
  echo '<th scope="col">' . esc_html__( 'Render Callback', 'query-monitor' ) . '</th>';
52
 
53
  if ( isset( $data['has_block_timing'] ) ) {
@@ -68,8 +73,20 @@ class QM_Output_Html_Block_Editor extends QM_Output_Html {
68
 
69
  echo '<tfoot>';
70
  echo '<tr>';
 
 
 
 
 
 
 
 
 
 
 
71
  printf(
72
- '<td colspan="6">%s</td>',
 
73
  sprintf(
74
  /* translators: %s: Total number of content blocks used */
75
  esc_html( _nx( 'Total: %s', 'Total: %s', $data['total_blocks'], 'Content blocks used', 'query-monitor' ) ),
@@ -113,6 +130,7 @@ class QM_Output_Html_Block_Editor extends QM_Output_Html {
113
 
114
  $media_blocks = array(
115
  'core/audio' => 'id',
 
116
  'core/cover-image' => 'id',
117
  'core/file' => 'id',
118
  'core/image' => 'id',
@@ -176,6 +194,14 @@ class QM_Output_Html_Block_Editor extends QM_Output_Html {
176
  }
177
  echo '</td>';
178
 
 
 
 
 
 
 
 
 
179
  if ( isset( $block['callback']['error'] ) ) {
180
  $class = ' qm-warn';
181
  } else {
48
  echo '<th scope="col">#</th>';
49
  echo '<th scope="col">' . esc_html__( 'Block Name', 'query-monitor' ) . '</th>';
50
  echo '<th scope="col">' . esc_html__( 'Attributes', 'query-monitor' ) . '</th>';
51
+
52
+ if ( isset( $data['has_block_context'] ) ) {
53
+ echo '<th scope="col">' . esc_html__( 'Context', 'query-monitor' ) . '</th>';
54
+ }
55
+
56
  echo '<th scope="col">' . esc_html__( 'Render Callback', 'query-monitor' ) . '</th>';
57
 
58
  if ( isset( $data['has_block_timing'] ) ) {
73
 
74
  echo '<tfoot>';
75
  echo '<tr>';
76
+
77
+ $colspan = 5;
78
+
79
+ if ( isset( $data['has_block_context'] ) ) {
80
+ $colspan++;
81
+ }
82
+
83
+ if ( isset( $data['has_block_timing'] ) ) {
84
+ $colspan++;
85
+ }
86
+
87
  printf(
88
+ '<td colspan="%1$d">%2$s</td>',
89
+ intval( $colspan ),
90
  sprintf(
91
  /* translators: %s: Total number of content blocks used */
92
  esc_html( _nx( 'Total: %s', 'Total: %s', $data['total_blocks'], 'Content blocks used', 'query-monitor' ) ),
130
 
131
  $media_blocks = array(
132
  'core/audio' => 'id',
133
+ 'core/cover' => 'id',
134
  'core/cover-image' => 'id',
135
  'core/file' => 'id',
136
  'core/image' => 'id',
194
  }
195
  echo '</td>';
196
 
197
+ if ( $data['has_block_context'] ) {
198
+ echo '<td class="qm-row-block-context">';
199
+ if ( isset( $block['context'] ) ) {
200
+ echo '<pre class="qm-pre-wrap"><code>' . esc_html( QM_Util::json_format( $block['context'] ) ) . '</code></pre>';
201
+ }
202
+ echo '</td>';
203
+ }
204
+
205
  if ( isset( $block['callback']['error'] ) ) {
206
  $class = ' qm-warn';
207
  } else {
output/html/overview.php CHANGED
@@ -128,7 +128,7 @@ class QM_Output_Html_Overview extends QM_Output_Html {
128
  }
129
  echo esc_html( sprintf(
130
  /* translators: 1: Percentage of memory limit used, 2: Memory limit in kilobytes */
131
- __( '%1$s%% of %2$s kB limit', 'query-monitor' ),
132
  number_format_i18n( $data['memory_usage'], 1 ),
133
  number_format_i18n( $data['memory_limit'] / 1024 )
134
  ) );
@@ -143,6 +143,21 @@ class QM_Output_Html_Overview extends QM_Output_Html {
143
  );
144
  echo '</span>';
145
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
146
  }
147
 
148
  echo '</p>';
128
  }
129
  echo esc_html( sprintf(
130
  /* translators: 1: Percentage of memory limit used, 2: Memory limit in kilobytes */
131
+ __( '%1$s%% of %2$s kB server limit', 'query-monitor' ),
132
  number_format_i18n( $data['memory_usage'], 1 ),
133
  number_format_i18n( $data['memory_limit'] / 1024 )
134
  ) );
143
  );
144
  echo '</span>';
145
  }
146
+
147
+ if ( $data['wp_memory_limit'] > 0 ) {
148
+ if ( $data['display_memory_usage_warning'] ) {
149
+ echo '<br><span class="qm-warn"><span class="dashicons dashicons-warning" aria-hidden="true"></span>';
150
+ } else {
151
+ echo '<br><span class="qm-info">';
152
+ }
153
+ echo esc_html( sprintf(
154
+ /* translators: 1: Percentage of memory limit used, 2: Memory limit in kilobytes */
155
+ __( '%1$s%% of %2$s kB WordPress limit', 'query-monitor' ),
156
+ number_format_i18n( $data['wp_memory_usage'], 1 ),
157
+ number_format_i18n( $data['wp_memory_limit'] / 1024 )
158
+ ) );
159
+ echo '</span>';
160
+ }
161
  }
162
 
163
  echo '</p>';
query-monitor.php CHANGED
@@ -5,12 +5,12 @@
5
  * @package query-monitor
6
  * @link https://github.com/johnbillion/query-monitor
7
  * @author John Blackbourn <john@johnblackbourn.com>
8
- * @copyright 2009-2020 John Blackbourn
9
  * @license GPL v2 or later
10
  *
11
  * Plugin Name: Query Monitor
12
  * Description: The Developer Tools Panel for WordPress.
13
- * Version: 3.6.7
14
  * Plugin URI: https://querymonitor.com/
15
  * Author: John Blackbourn
16
  * Author URI: https://querymonitor.com/
5
  * @package query-monitor
6
  * @link https://github.com/johnbillion/query-monitor
7
  * @author John Blackbourn <john@johnblackbourn.com>
8
+ * @copyright 2009-2021 John Blackbourn
9
  * @license GPL v2 or later
10
  *
11
  * Plugin Name: Query Monitor
12
  * Description: The Developer Tools Panel for WordPress.
13
+ * Version: 3.6.8
14
  * Plugin URI: https://querymonitor.com/
15
  * Author: John Blackbourn
16
  * Author URI: https://querymonitor.com/
readme.txt CHANGED
@@ -1,16 +1,16 @@
1
- === Query Monitor ===
2
  Contributors: johnbillion
3
  Tags: debug, debug-bar, debugging, development, developer, performance, profiler, queries, query monitor, rest-api
4
  Requires at least: 3.7
5
- Tested up to: 5.6
6
- Stable tag: 3.6.7
7
  License: GPLv2 or later
8
  Requires PHP: 5.3
9
  Donate link: https://johnblackbourn.com/donations/
10
 
11
  Query Monitor is the developer tools panel for WordPress.
12
 
13
- == Description ==
14
 
15
  Query Monitor is the developer tools panel for WordPress. It enables debugging of database queries, PHP errors, hooks and actions, block editor blocks, enqueued scripts and stylesheets, HTTP API calls, and more.
16
 
@@ -45,20 +45,20 @@ By default, Query Monitor's output is only shown to Administrators on single-sit
45
 
46
  In addition to this, you can set an authentication cookie which allows you to view Query Monitor output when you're not logged in (or if you're logged in as a non-Administrator). See the Settings panel for details.
47
 
48
- = Other Plugins =
49
 
50
  I maintain several other plugins for developers. Check them out:
51
 
52
  * [User Switching](https://wordpress.org/plugins/user-switching/) provides instant switching between user accounts in WordPress.
53
  * [WP Crontrol](https://wordpress.org/plugins/wp-crontrol/) lets you view and control what's happening in the WP-Cron system
54
 
55
- = Privacy Statement =
56
 
57
  Query Monitor is private by default and always will be. It does not persistently store any of the data that it collects. It does not send data to any third party, nor does it include any third party resources.
58
 
59
  [Query Monitor's full privacy statement can be found here](https://github.com/johnbillion/query-monitor/wiki/Privacy-Statement).
60
 
61
- == Screenshots ==
62
 
63
  1. Admin Toolbar Menu
64
  2. Aggregate Database Queries by Component
@@ -68,19 +68,19 @@ Query Monitor is private by default and always will be. It does not persistently
68
  6. HTTP API Requests
69
  7. Aggregate Database Queries by Calling Function
70
 
71
- == Frequently Asked Questions ==
72
 
73
- = Does this plugin work with PHP 8? =
74
 
75
  Yes.
76
 
77
- = Who can access Query Monitor's output? =
78
 
79
  By default, Query Monitor's output is only shown to Administrators on single-site installations, and Super Admins on Multisite installations.
80
 
81
  In addition to this, you can set an authentication cookie which allows you to view Query Monitor output when you're not logged in, or when you're logged in as a user who cannot usually see Query Monitor's output. See the Settings panel for details.
82
 
83
- = Does Query Monitor itself impact the page generation time or memory usage? =
84
 
85
  Short answer: Yes, but only a little.
86
 
@@ -88,42 +88,40 @@ Long answer: Query Monitor has a small impact on page generation time because it
88
 
89
  Query Monitor's memory usage typically accounts for around 10% of the total memory used to generate the page.
90
 
91
- = Are there any add-on plugins for Query Monitor? =
92
 
93
  [A list of add-on plugins for Query Monitor can be found here.](https://github.com/johnbillion/query-monitor/wiki/Query-Monitor-Add-on-Plugins)
94
 
95
  In addition, Query Monitor transparently supports add-ons for the Debug Bar plugin. If you have any Debug Bar add-ons installed, just deactivate Debug Bar and the add-ons will show up in Query Monitor's menu.
96
 
97
- = Where can I suggest a new feature or report a bug? =
98
 
99
  Please use [the issue tracker on Query Monitor's GitHub repo](https://github.com/johnbillion/query-monitor/issues) as it's easier to keep track of issues there, rather than on the wordpress.org support forums.
100
 
101
- = Is Query Monitor available on Altis? =
102
 
103
  Yes, the [Altis Developer Tools](https://www.altis-dxp.com/resources/developer-docs/dev-tools/) are built on top of Query Monitor.
104
 
105
- = Is Query Monitor available on WordPress.com VIP Go? =
106
 
107
  Yes, it's included as part of the VIP Go platform. However, a user needs to be granted the `view_query_monitor` capability to see Query Monitor even if they're an administrator.
108
 
109
- = I'm using multiple instances of `wpdb`. How do I get my additional instances to show up in Query Monitor? =
110
 
111
  You'll need to hook into the `qm/collect/db_objects` filter and add an item to the array containing your `wpdb` instance. For example:
112
 
113
- `
114
- add_filter( 'qm/collect/db_objects', function( $objects ) {
115
- $objects['my_db'] = $GLOBALS['my_db'];
116
- return $objects;
117
- } );
118
- `
119
 
120
  Your `wpdb` instance will then show up as a separate panel, and the query time and query count will show up separately in the admin toolbar menu. Aggregate information (queries by caller and component) will not be separated.
121
 
122
- = Can I click on stack traces to open the file in my editor? =
123
 
124
  Yes. You can enable this on the Settings panel.
125
 
126
- = Do you accept donations? =
127
 
128
  ### Do you accept donations?
129
 
1
+ # Query Monitor
2
  Contributors: johnbillion
3
  Tags: debug, debug-bar, debugging, development, developer, performance, profiler, queries, query monitor, rest-api
4
  Requires at least: 3.7
5
+ Tested up to: 5.7
6
+ Stable tag: 3.6.8
7
  License: GPLv2 or later
8
  Requires PHP: 5.3
9
  Donate link: https://johnblackbourn.com/donations/
10
 
11
  Query Monitor is the developer tools panel for WordPress.
12
 
13
+ ## Description
14
 
15
  Query Monitor is the developer tools panel for WordPress. It enables debugging of database queries, PHP errors, hooks and actions, block editor blocks, enqueued scripts and stylesheets, HTTP API calls, and more.
16
 
45
 
46
  In addition to this, you can set an authentication cookie which allows you to view Query Monitor output when you're not logged in (or if you're logged in as a non-Administrator). See the Settings panel for details.
47
 
48
+ ### Other Plugins
49
 
50
  I maintain several other plugins for developers. Check them out:
51
 
52
  * [User Switching](https://wordpress.org/plugins/user-switching/) provides instant switching between user accounts in WordPress.
53
  * [WP Crontrol](https://wordpress.org/plugins/wp-crontrol/) lets you view and control what's happening in the WP-Cron system
54
 
55
+ ### Privacy Statement
56
 
57
  Query Monitor is private by default and always will be. It does not persistently store any of the data that it collects. It does not send data to any third party, nor does it include any third party resources.
58
 
59
  [Query Monitor's full privacy statement can be found here](https://github.com/johnbillion/query-monitor/wiki/Privacy-Statement).
60
 
61
+ ## Screenshots
62
 
63
  1. Admin Toolbar Menu
64
  2. Aggregate Database Queries by Component
68
  6. HTTP API Requests
69
  7. Aggregate Database Queries by Calling Function
70
 
71
+ ## Frequently Asked Questions
72
 
73
+ ### Does this plugin work with PHP 8?
74
 
75
  Yes.
76
 
77
+ ### Who can access Query Monitor's output?
78
 
79
  By default, Query Monitor's output is only shown to Administrators on single-site installations, and Super Admins on Multisite installations.
80
 
81
  In addition to this, you can set an authentication cookie which allows you to view Query Monitor output when you're not logged in, or when you're logged in as a user who cannot usually see Query Monitor's output. See the Settings panel for details.
82
 
83
+ ### Does Query Monitor itself impact the page generation time or memory usage?
84
 
85
  Short answer: Yes, but only a little.
86
 
88
 
89
  Query Monitor's memory usage typically accounts for around 10% of the total memory used to generate the page.
90
 
91
+ ### Are there any add-on plugins for Query Monitor?
92
 
93
  [A list of add-on plugins for Query Monitor can be found here.](https://github.com/johnbillion/query-monitor/wiki/Query-Monitor-Add-on-Plugins)
94
 
95
  In addition, Query Monitor transparently supports add-ons for the Debug Bar plugin. If you have any Debug Bar add-ons installed, just deactivate Debug Bar and the add-ons will show up in Query Monitor's menu.
96
 
97
+ ### Where can I suggest a new feature or report a bug?
98
 
99
  Please use [the issue tracker on Query Monitor's GitHub repo](https://github.com/johnbillion/query-monitor/issues) as it's easier to keep track of issues there, rather than on the wordpress.org support forums.
100
 
101
+ ### Is Query Monitor available on Altis?
102
 
103
  Yes, the [Altis Developer Tools](https://www.altis-dxp.com/resources/developer-docs/dev-tools/) are built on top of Query Monitor.
104
 
105
+ ### Is Query Monitor available on WordPress.com VIP Go?
106
 
107
  Yes, it's included as part of the VIP Go platform. However, a user needs to be granted the `view_query_monitor` capability to see Query Monitor even if they're an administrator.
108
 
109
+ ### I'm using multiple instances of `wpdb`. How do I get my additional instances to show up in Query Monitor?
110
 
111
  You'll need to hook into the `qm/collect/db_objects` filter and add an item to the array containing your `wpdb` instance. For example:
112
 
113
+ add_filter( 'qm/collect/db_objects', function( $objects ) {
114
+ $objects['my_db'] = $GLOBALS['my_db'];
115
+ return $objects;
116
+ } );
 
 
117
 
118
  Your `wpdb` instance will then show up as a separate panel, and the query time and query count will show up separately in the admin toolbar menu. Aggregate information (queries by caller and component) will not be separated.
119
 
120
+ ### Can I click on stack traces to open the file in my editor?
121
 
122
  Yes. You can enable this on the Settings panel.
123
 
124
+ ### Do you accept donations?
125
 
126
  ### Do you accept donations?
127