|
31 | 31 | #debug-icon .debug-bar-ndisplay { |
32 | 32 | display: none; |
33 | 33 | } |
34 | | - |
35 | 34 | .debug-bar-vars { |
36 | 35 | cursor: pointer; |
37 | 36 | } |
38 | | - |
39 | 37 | #debug-bar { |
40 | 38 | bottom: 0; |
41 | 39 | left: 0; |
|
44 | 42 | z-index: 10000; |
45 | 43 | height: 36px; |
46 | 44 | line-height: 36px; |
47 | | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, |
48 | | - sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; |
| 45 | + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; |
49 | 46 | font-size: 16px; |
50 | 47 | font-weight: 400; |
51 | 48 | } |
|
54 | 51 | font-weight: normal; |
55 | 52 | margin: 0 0 0 auto; |
56 | 53 | padding: 0; |
57 | | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, |
58 | | - sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; |
| 54 | + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; |
59 | 55 | } |
60 | 56 | #debug-bar h1 svg { |
61 | 57 | width: 16px; |
|
106 | 102 | margin: 5px 10px 15px 10px; |
107 | 103 | width: calc(100% - 10px); |
108 | 104 | } |
109 | | - |
110 | 105 | @media screen and (max-width: 768px) { |
111 | 106 | #debug-bar table { |
112 | 107 | display: block; |
|
124 | 119 | font-size: 14px; |
125 | 120 | } |
126 | 121 | } |
127 | | - |
128 | 122 | @media screen and (max-width: 480px) { |
129 | 123 | #debug-bar table { |
130 | 124 | font-size: 11px; |
|
182 | 176 | align-items: center; |
183 | 177 | min-height: 36px; |
184 | 178 | } |
185 | | - |
186 | 179 | #debug-bar .toolbar::-webkit-scrollbar { |
187 | 180 | height: 4px; |
188 | 181 | } |
189 | | - |
190 | 182 | #debug-bar .toolbar::-webkit-scrollbar-thumb { |
191 | 183 | background: rgba(0, 0, 0, 0.2); |
192 | 184 | border-radius: 2px; |
193 | 185 | } |
194 | | - |
195 | 186 | #debug-bar .toolbar .rotate { |
196 | 187 | animation: toolbar-rotate 9s linear infinite; |
197 | 188 | } |
|
332 | 323 | cursor: pointer; |
333 | 324 | } |
334 | 325 | #debug-bar .timeline .timeline-parent td:first-child nav { |
335 | | - background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxNTAiPjxwYXRoIGQ9Ik02IDdoMThsLTkgMTV6bTAgMzBoMThsLTkgMTV6bTAgNDVoMThsLTktMTV6bTAgMzBoMThsLTktMTV6bTAgMTJsMTggMThtLTE4IDBsMTgtMTgiIGZpbGw9IiM1NTUiLz48cGF0aCBkPSJNNiAxMjZsMTggMThtLTE4IDBsMTgtMTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNTU1Ii8+PC9zdmc+") |
336 | | - no-repeat scroll 0 0/15px 75px transparent; |
| 326 | + background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxNTAiPjxwYXRoIGQ9Ik02IDdoMThsLTkgMTV6bTAgMzBoMThsLTkgMTV6bTAgNDVoMThsLTktMTV6bTAgMzBoMThsLTktMTV6bTAgMTJsMTggMThtLTE4IDBsMTgtMTgiIGZpbGw9IiM1NTUiLz48cGF0aCBkPSJNNiAxMjZsMTggMThtLTE4IDBsMTgtMTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNTU1Ii8+PC9zdmc+") no-repeat scroll 0 0/15px 75px transparent; |
337 | 327 | background-position: 0 25%; |
338 | 328 | display: inline-block; |
339 | 329 | height: 15px; |
|
363 | 353 | #debug-bar > .debug-bar-dblock { |
364 | 354 | display: block; |
365 | 355 | } |
366 | | - |
367 | 356 | .debug-view.show-view { |
368 | 357 | border: 1px solid; |
369 | 358 | margin: 4px; |
370 | 359 | } |
371 | | - |
372 | 360 | .debug-view-path { |
373 | 361 | font-family: monospace; |
374 | 362 | font-size: 12px; |
|
377 | 365 | padding: 2px; |
378 | 366 | text-align: left; |
379 | 367 | } |
380 | | - |
381 | 368 | .show-view .debug-view-path { |
382 | 369 | display: block !important; |
383 | 370 | } |
384 | | - |
385 | 371 | @media screen and (max-width: 1024px) { |
386 | 372 | #debug-bar .ci-label img { |
387 | 373 | margin: unset; |
|
413 | 399 | #debug-icon a:visited { |
414 | 400 | color: #dd8615; |
415 | 401 | } |
416 | | - |
417 | 402 | #debug-bar { |
418 | 403 | background-color: #ffffff; |
419 | 404 | color: #434343; |
|
504 | 489 | #debug-bar .timeline .timer { |
505 | 490 | background-color: #dd8615; |
506 | 491 | } |
507 | | - |
508 | 492 | .debug-view.show-view { |
509 | 493 | border-color: #dd8615; |
510 | 494 | } |
511 | | - |
512 | 495 | .debug-view-path { |
513 | 496 | background-color: #fdc894; |
514 | 497 | color: #434343; |
515 | 498 | } |
516 | | - |
517 | 499 | @media (prefers-color-scheme: dark) { |
518 | 500 | #debug-icon { |
519 | 501 | background-color: #252525; |
|
742 | 724 | background: #000; |
743 | 725 | color: #fff; |
744 | 726 | } |
745 | | - |
746 | 727 | #toolbarContainer.light #debug-icon { |
747 | 728 | background-color: #ffffff; |
748 | 729 | box-shadow: 0 0 4px #dfdfdf; |
|
851 | 832 | background-color: #fdc894; |
852 | 833 | color: #434343; |
853 | 834 | } |
854 | | - |
855 | 835 | .debug-bar-width30 { |
856 | 836 | width: 30%; |
857 | 837 | } |
858 | | - |
859 | 838 | .debug-bar-width10 { |
860 | 839 | width: 10%; |
861 | 840 | } |
862 | | - |
863 | 841 | .debug-bar-width70p { |
864 | 842 | width: 70px; |
865 | 843 | } |
866 | | - |
867 | 844 | .debug-bar-width190p { |
868 | 845 | width: 190px; |
869 | 846 | } |
870 | | - |
871 | 847 | .debug-bar-width20e { |
872 | 848 | width: 20em; |
873 | 849 | } |
874 | | - |
875 | 850 | .debug-bar-width6r { |
876 | 851 | width: 6rem; |
877 | 852 | } |
878 | | - |
879 | 853 | .debug-bar-ndisplay { |
880 | 854 | display: none; |
881 | 855 | } |
882 | | - |
883 | 856 | .debug-bar-alignRight { |
884 | 857 | text-align: right; |
885 | 858 | } |
886 | | - |
887 | 859 | .debug-bar-alignLeft { |
888 | 860 | text-align: left; |
889 | 861 | } |
890 | | - |
891 | 862 | .debug-bar-noverflow { |
892 | 863 | overflow: hidden; |
893 | 864 | } |
894 | | - |
895 | 865 | .debug-bar-dtableRow { |
896 | 866 | display: table-row; |
897 | 867 | } |
898 | | - |
899 | 868 | .debug-bar-dinlineBlock { |
900 | 869 | display: inline-block; |
901 | 870 | } |
902 | | - |
903 | 871 | .debug-bar-pointer { |
904 | 872 | cursor: pointer; |
905 | 873 | } |
906 | | - |
907 | 874 | .debug-bar-mleft4 { |
908 | 875 | margin-left: 4px; |
909 | 876 | } |
910 | | - |
911 | 877 | .debug-bar-level-0 { |
912 | 878 | --level: 0; |
913 | 879 | } |
914 | | - |
915 | 880 | .debug-bar-level-1 { |
916 | 881 | --level: 1; |
917 | 882 | } |
918 | | - |
919 | 883 | .debug-bar-level-2 { |
920 | 884 | --level: 2; |
921 | 885 | } |
922 | | - |
923 | 886 | .debug-bar-level-3 { |
924 | 887 | --level: 3; |
925 | 888 | } |
926 | | - |
927 | 889 | .debug-bar-level-4 { |
928 | 890 | --level: 4; |
929 | 891 | } |
930 | | - |
931 | 892 | .debug-bar-level-5 { |
932 | 893 | --level: 5; |
933 | 894 | } |
934 | | - |
935 | 895 | .debug-bar-level-6 { |
936 | 896 | --level: 6; |
937 | 897 | } |
0 commit comments