claudeck 1.4.1 → 1.4.2

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.
@@ -1,345 +0,0 @@
1
- /* ── Linear Tab ───────────────────────────────────────── */
2
-
3
- .linear-tab {
4
- display: flex;
5
- flex-direction: column;
6
- flex: 1;
7
- overflow: hidden;
8
- height: 100%;
9
- }
10
-
11
- /* Tab header with nav + actions */
12
- .linear-tab-header {
13
- display: flex;
14
- align-items: center;
15
- justify-content: space-between;
16
- padding: 8px 12px;
17
- border-bottom: 1px solid var(--border);
18
- flex-shrink: 0;
19
- }
20
-
21
- .linear-tab-nav {
22
- display: flex;
23
- gap: 2px;
24
- background: var(--bg-tertiary);
25
- border-radius: 6px;
26
- padding: 2px;
27
- }
28
-
29
- .linear-nav-btn {
30
- background: none;
31
- border: none;
32
- color: var(--text-secondary);
33
- font-size: 11px;
34
- font-weight: 600;
35
- padding: 4px 12px;
36
- border-radius: 4px;
37
- cursor: pointer;
38
- transition: background 0.15s, color 0.15s;
39
- }
40
-
41
- .linear-nav-btn:hover {
42
- color: var(--text-primary);
43
- }
44
-
45
- .linear-nav-btn.active {
46
- background: var(--bg);
47
- color: var(--text-primary);
48
- box-shadow: 0 1px 2px rgba(0,0,0,0.1);
49
- }
50
-
51
- .linear-tab-actions {
52
- display: flex;
53
- gap: 4px;
54
- }
55
-
56
- .linear-tab-actions button {
57
- background: none;
58
- border: none;
59
- color: var(--text-dim);
60
- cursor: pointer;
61
- padding: 2px 4px;
62
- border-radius: var(--radius);
63
- font-size: 14px;
64
- line-height: 1;
65
- transition: color 0.15s, background 0.15s;
66
- }
67
-
68
- .linear-tab-actions button:hover {
69
- color: var(--text);
70
- background: var(--bg-tertiary);
71
- }
72
-
73
- .linear-create-issue-btn {
74
- font-size: 16px !important;
75
- font-weight: 600;
76
- }
77
-
78
- .linear-tab-actions button.spinning svg {
79
- animation: linearSpin 0.8s linear infinite;
80
- }
81
-
82
- @keyframes linearSpin {
83
- from { transform: rotate(0deg); }
84
- to { transform: rotate(360deg); }
85
- }
86
-
87
- /* Views */
88
- .linear-view {
89
- flex: 1;
90
- overflow: hidden;
91
- display: flex;
92
- flex-direction: column;
93
- }
94
-
95
- /* ── Issues view ─────────────────────────────────────── */
96
-
97
- .linear-issues {
98
- flex: 1;
99
- overflow-y: auto;
100
- padding: 6px 0;
101
- }
102
-
103
- .linear-issues::-webkit-scrollbar { width: 4px; }
104
- .linear-issues::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
105
-
106
- .linear-issue {
107
- display: block;
108
- padding: 8px 12px;
109
- cursor: pointer;
110
- text-decoration: none;
111
- transition: background 0.1s;
112
- border-bottom: 1px solid var(--border-subtle);
113
- }
114
-
115
- .linear-issue:hover {
116
- background: var(--bg-tertiary);
117
- }
118
-
119
- .linear-issue-top {
120
- display: flex;
121
- align-items: center;
122
- gap: 6px;
123
- }
124
-
125
- .linear-issue-priority {
126
- width: 7px;
127
- height: 7px;
128
- border-radius: 50%;
129
- flex-shrink: 0;
130
- }
131
-
132
- .linear-issue-id {
133
- font-size: 11px;
134
- color: var(--text-dim);
135
- font-weight: 600;
136
- flex-shrink: 0;
137
- }
138
-
139
- .linear-issue-title {
140
- font-size: 12px;
141
- color: var(--text);
142
- white-space: nowrap;
143
- overflow: hidden;
144
- text-overflow: ellipsis;
145
- flex: 1;
146
- }
147
-
148
- .linear-issue-meta {
149
- display: flex;
150
- align-items: center;
151
- gap: 6px;
152
- margin-top: 3px;
153
- padding-left: 13px;
154
- font-size: 10px;
155
- color: var(--text-dim);
156
- }
157
-
158
- .linear-issue-state {
159
- display: inline-flex;
160
- align-items: center;
161
- gap: 3px;
162
- }
163
-
164
- .linear-issue-state-dot {
165
- width: 5px;
166
- height: 5px;
167
- border-radius: 50%;
168
- flex-shrink: 0;
169
- }
170
-
171
- .linear-issue-due {
172
- color: var(--warning);
173
- }
174
-
175
- .linear-issue-label {
176
- padding: 0 4px;
177
- border-radius: 2px;
178
- font-size: 10px;
179
- line-height: 1.5;
180
- }
181
-
182
- .linear-panel-footer {
183
- padding: 6px 12px;
184
- border-top: 1px solid var(--border);
185
- font-size: 10px;
186
- color: var(--text-dim);
187
- text-align: center;
188
- flex-shrink: 0;
189
- }
190
-
191
- .linear-empty {
192
- display: flex;
193
- flex-direction: column;
194
- align-items: center;
195
- justify-content: center;
196
- padding: 32px 16px;
197
- color: var(--text-dim);
198
- font-size: 12px;
199
- text-align: center;
200
- gap: 8px;
201
- flex: 1;
202
- }
203
-
204
- .linear-empty .linear-empty-icon {
205
- font-size: 24px;
206
- opacity: 0.5;
207
- }
208
-
209
- /* ── Settings view ───────────────────────────────────── */
210
-
211
- .linear-settings-view {
212
- padding: 16px;
213
- overflow-y: auto;
214
- }
215
-
216
- .ls-form {
217
- display: flex;
218
- flex-direction: column;
219
- gap: 14px;
220
- }
221
-
222
- .ls-toggle-row {
223
- display: flex;
224
- align-items: center;
225
- justify-content: space-between;
226
- }
227
-
228
- .ls-switch {
229
- position: relative;
230
- display: inline-block;
231
- width: 36px;
232
- height: 20px;
233
- cursor: pointer;
234
- }
235
-
236
- .ls-switch input {
237
- opacity: 0;
238
- width: 0;
239
- height: 0;
240
- }
241
-
242
- .ls-slider {
243
- position: absolute;
244
- inset: 0;
245
- background: var(--border);
246
- border-radius: 20px;
247
- transition: background 0.2s;
248
- }
249
-
250
- .ls-slider::before {
251
- content: "";
252
- position: absolute;
253
- width: 14px;
254
- height: 14px;
255
- left: 3px;
256
- bottom: 3px;
257
- background: #fff;
258
- border-radius: 50%;
259
- transition: transform 0.2s;
260
- }
261
-
262
- .ls-switch input:checked + .ls-slider {
263
- background: var(--accent);
264
- }
265
-
266
- .ls-switch input:checked + .ls-slider::before {
267
- transform: translateX(16px);
268
- }
269
-
270
- .ls-field {
271
- display: flex;
272
- flex-direction: column;
273
- gap: 4px;
274
- }
275
-
276
- .ls-label {
277
- font-size: 11px;
278
- font-weight: 600;
279
- color: var(--text-secondary);
280
- text-transform: uppercase;
281
- letter-spacing: 0.5px;
282
- }
283
-
284
- .ls-input {
285
- background: var(--bg-tertiary);
286
- border: 1px solid var(--border);
287
- border-radius: 6px;
288
- padding: 8px 10px;
289
- font-size: 12px;
290
- font-family: var(--font-mono, monospace);
291
- color: var(--text-primary);
292
- outline: none;
293
- transition: border-color 0.15s;
294
- }
295
-
296
- .ls-input:focus {
297
- border-color: var(--accent);
298
- }
299
-
300
- .ls-input::placeholder {
301
- color: var(--text-tertiary);
302
- }
303
-
304
- .ls-hint {
305
- font-size: 10px;
306
- color: var(--text-tertiary);
307
- }
308
-
309
- .ls-actions {
310
- display: flex;
311
- gap: 8px;
312
- margin-top: 4px;
313
- }
314
-
315
- .ls-btn {
316
- padding: 7px 16px;
317
- border-radius: 6px;
318
- border: none;
319
- font-size: 12px;
320
- font-weight: 600;
321
- cursor: pointer;
322
- transition: opacity 0.15s;
323
- background: var(--accent);
324
- color: #fff;
325
- }
326
-
327
- .ls-btn:hover { opacity: 0.85; }
328
- .ls-btn:disabled { opacity: 0.5; cursor: not-allowed; }
329
-
330
- .ls-btn-secondary {
331
- background: var(--bg-tertiary);
332
- color: var(--text-primary);
333
- border: 1px solid var(--border);
334
- }
335
-
336
- .ls-status {
337
- font-size: 11px;
338
- padding: 8px 10px;
339
- border-radius: 6px;
340
- transition: opacity 0.2s;
341
- }
342
-
343
- .ls-status.hidden { display: none; }
344
- .ls-success { background: rgba(34,197,94,0.12); color: #22c55e; }
345
- .ls-error { background: rgba(239,68,68,0.12); color: #ef4444; }