sqlui 0.1.70 → 0.1.72

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
  }