sqlui 0.1.70 → 0.1.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,96 @@
1
+ #saved-box {
2
+ font-family: Helvetica, sans-serif;
3
+ outline: none;
4
+ }
5
+
6
+ #saved-box .saved-list-item {
7
+ border-bottom: 1px solid #ddd;
8
+ display: flex;
9
+ padding: 0 10px 20px 10px;
10
+ flex-direction: column;
11
+ cursor: pointer;
12
+ }
13
+
14
+ #saved-box .saved-list-item:last-child {
15
+ border-bottom: none;
16
+ }
17
+
18
+ #saved-box .saved-list-item:last-child {
19
+ padding-bottom: 10px;
20
+ }
21
+
22
+ #saved-box .saved-list-item:active {
23
+ outline: none;
24
+ }
25
+
26
+ #saved-box .saved-file-header {
27
+ display: flex;
28
+ flex-direction: row;
29
+ align-items: center;
30
+ padding: 5px 0;
31
+ }
32
+
33
+ #saved-box .saved-name {
34
+ font-size: 18px;
35
+ font-family: monospace;
36
+ flex: 1;
37
+ font-weight: bold;
38
+ text-decoration: none;
39
+ color: #333;
40
+ height: 35px;
41
+ display: flex;
42
+ align-items: center;
43
+ padding-left: 5px;
44
+ margin-right: 10px;
45
+ }
46
+
47
+ #saved-box .saved-name:active {
48
+ outline: none;
49
+ }
50
+
51
+ #saved-box .saved-name:focus-visible, #saved-box .saved-github-link:focus-visible {
52
+ outline: 2px solid #333;
53
+ outline-offset: -2px;
54
+ }
55
+
56
+ #saved-box .saved-github-link {
57
+ color: darkblue;
58
+ font-size: 17px;
59
+ text-decoration: none;
60
+ display: flex;
61
+ justify-content: center;
62
+ flex-direction: column;
63
+ height: 35px;
64
+ width: 35px;
65
+ align-items: center;
66
+ }
67
+
68
+ #saved-box .saved-github-link img {
69
+ height: 25px;
70
+ width: 25px;
71
+ }
72
+
73
+ #saved-box .saved-github-link:active {
74
+ outline: none;
75
+ }
76
+
77
+ #saved-box .saved-preview {
78
+ display: block;
79
+ font-size: 18px;
80
+ font-family: monospace;
81
+ background-color: #ffffff;
82
+ border: 1px solid #888;
83
+ min-height: 115px;
84
+ text-decoration: none;
85
+ color: #333;
86
+ padding: 10px;
87
+ }
88
+
89
+ #saved-box .saved-preview:active {
90
+ outline: none;
91
+ }
92
+
93
+ #saved-box .saved-truncated {
94
+ margin-top: 10px;
95
+ opacity: 30%;
96
+ }
@@ -41,23 +41,25 @@ body {
41
41
 
42
42
  #header {
43
43
  font-weight: bold;
44
- padding-left: 5px;
45
- }
46
-
47
- #header a {
48
- text-decoration: none;
49
- color: #333
44
+ margin: 0 5px 0 3px;
50
45
  }
51
46
 
52
47
  #header-link {
48
+ text-decoration: none;
49
+ color: #333;
53
50
  display: flex;
54
51
  flex-direction: row;
55
52
  align-items: center;
53
+ height: 30px;
54
+ }
55
+
56
+ #header-link img {
57
+ height: 20px;
58
+ margin: 0 5px 0 5px;
56
59
  }
57
60
 
58
61
  #server-name {
59
62
  flex: 1;
60
- padding-left: 5px;
61
63
  font-weight: normal;
62
64
  overflow: hidden;
63
65
  white-space: nowrap;
@@ -70,15 +72,17 @@ body {
70
72
  border-bottom: 1px solid #ddd;
71
73
  height: 36px;
72
74
  font-family: Helvetica, sans-serif;
73
- padding: 5px;
75
+ padding: 5px 0;
74
76
  }
75
77
 
76
78
  .tab-button, .selected-tab-button {
77
79
  border: none;
78
80
  text-decoration: none;
79
81
  cursor: pointer;
80
- width: 150px;
81
- margin: 0 2px;
82
+ width: 130px;
83
+ margin: 0 5px;
84
+ height: 30px;
85
+ padding-left: 20px;
82
86
  display: flex;
83
87
  justify-content: center;
84
88
  background-color: #fff;
@@ -96,6 +100,21 @@ body {
96
100
  color: #333;
97
101
  }
98
102
 
103
+ .tab-button:focus-visible,
104
+ .selected-tab-button:focus-visible,
105
+ #header-link:focus-visible,
106
+ .submit-button:focus-visible,
107
+ #save-file-button:focus-visible,
108
+ #dismiss-file-button:focus-visible,
109
+ #cancel-button:focus-visible,
110
+ .submit-dropdown-button:focus-visible,
111
+ .submit-dropdown-content-button:focus-visible,
112
+ .pagination-button:focus-visible,
113
+ .resize-table tbody tr td abbr a:focus-visible {
114
+ outline: 2px solid #333;
115
+ outline-offset: -2px;
116
+ }
117
+
99
118
  .selected-tab-button {
100
119
  color: #333;
101
120
  font-weight: bold;
@@ -104,7 +123,8 @@ body {
104
123
  .keyboard-shortcut-indicator {
105
124
  font-size: 14px;
106
125
  visibility: hidden;
107
- margin: 0 5px;
126
+ width: 25px;
127
+ text-align: center;
108
128
  }
109
129
 
110
130
  #query-box {
@@ -116,6 +136,31 @@ body {
116
136
  font-size: 18px;
117
137
  }
118
138
 
139
+ #filename-box {
140
+ border-bottom: 1px solid #ddd;
141
+ padding: 5px 5px 5px 10px;
142
+ flex-direction: row;
143
+ align-items: center;
144
+ }
145
+
146
+ #dismiss-file-button {
147
+ margin-right: 10px;
148
+ }
149
+
150
+ #filename {
151
+ font-size: 18px;
152
+ font-family: monospace;
153
+ flex: 1;
154
+ font-weight: bold;
155
+ display: flex;
156
+ flex-direction: row;
157
+ align-items: center;
158
+ color: #333;
159
+ padding-left: 5px;
160
+ height: 35px;
161
+ margin-right: 10px;
162
+ }
163
+
119
164
  #submit-box {
120
165
  display: flex;
121
166
  border-top: 1px solid #ddd;
@@ -132,18 +177,17 @@ body {
132
177
  padding-left: 220px; /* To center the resizer icon. Ok, it's a hack. Get over it. */
133
178
  }
134
179
 
135
- #cancel-button {
180
+ #save-file-button, #dismiss-file-button, #cancel-button {
136
181
  cursor: pointer;
137
182
  background: none;
138
183
  color: #333;
139
184
  border: 1px solid #888;
140
185
  height: 32px;
141
186
  font-size: 18px;
142
- margin: 0;
143
187
  }
144
188
 
145
189
  #cancel-button-spacer {
146
- width: 150px;
190
+ width: 130px;
147
191
  }
148
192
 
149
193
  #submit-button-wrapper {
@@ -230,6 +274,8 @@ body {
230
274
  .submit-dropdown-content-button:active,
231
275
  .submit-button:active,
232
276
  #cancel-button:active,
277
+ #save-file-button:active,
278
+ #dismiss-file-button:active,
233
279
  .submit-dropdown-button:active {
234
280
  background-color: #e6e6e6;
235
281
  outline: none
@@ -382,45 +428,6 @@ body {
382
428
  color: #999;
383
429
  }
384
430
 
385
- #saved-box {
386
- font-family: Helvetica, sans-serif;
387
- outline: none;
388
- }
389
-
390
- .links {
391
- display: flex;
392
- flex-direction: row;
393
- align-items: center;
394
- margin-top: 5px;
395
- }
396
-
397
- .link {
398
- margin-right: 30px;
399
- color: darkblue;
400
- font-size: 17px;
401
- text-decoration: none;
402
- }
403
-
404
- .name {
405
- margin: 0 200px 0 0;
406
- font-size: 20px;
407
- }
408
-
409
- .description {
410
- margin: 20px 0 0;
411
- font-size: 18px;
412
- }
413
-
414
- .saved-list-item {
415
- border-bottom: 1px solid #eeeeee;
416
- margin: 0;
417
- padding: 10px;
418
- }
419
-
420
- .saved-list-item:last-child {
421
- border-bottom: none;
422
- }
423
-
424
431
  .cm-editor.cm-focused {
425
432
  outline: none !important;
426
433
  }