ixbrl-viewer 1.4.57__py3-none-any.whl → 1.4.58__py3-none-any.whl

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.

Potentially problematic release.

This version of ixbrl-viewer might be problematic. Click here for more details.

Files changed (15) hide show
  1. iXBRLViewerPlugin/_version.py +2 -2
  2. iXBRLViewerPlugin/viewer/dist/ixbrlviewer.js +1 -1
  3. iXBRLViewerPlugin/viewer/src/js/inspector.js +12 -0
  4. iXBRLViewerPlugin/viewer/src/js/ixbrlviewer.js +2 -2
  5. iXBRLViewerPlugin/viewer/src/js/ixbrlviewer.test.js +3 -2
  6. iXBRLViewerPlugin/viewer/src/js/util.js +1 -0
  7. iXBRLViewerPlugin/viewer/src/js/viewer.js +3 -2
  8. iXBRLViewerPlugin/viewer/src/less/inspector.less +991 -994
  9. {ixbrl_viewer-1.4.57.dist-info → ixbrl_viewer-1.4.58.dist-info}/METADATA +97 -37
  10. {ixbrl_viewer-1.4.57.dist-info → ixbrl_viewer-1.4.58.dist-info}/RECORD +15 -15
  11. {ixbrl_viewer-1.4.57.dist-info → ixbrl_viewer-1.4.58.dist-info}/LICENSE.md +0 -0
  12. {ixbrl_viewer-1.4.57.dist-info → ixbrl_viewer-1.4.58.dist-info}/NOTICE +0 -0
  13. {ixbrl_viewer-1.4.57.dist-info → ixbrl_viewer-1.4.58.dist-info}/WHEEL +0 -0
  14. {ixbrl_viewer-1.4.57.dist-info → ixbrl_viewer-1.4.58.dist-info}/entry_points.txt +0 -0
  15. {ixbrl_viewer-1.4.57.dist-info → ixbrl_viewer-1.4.58.dist-info}/top_level.txt +0 -0
iXBRLViewerPlugin/viewer/src/less/inspector.less CHANGED
@@ -95,1357 +95,1354 @@
95
95
  }
96
96
  }
97
97
 
98
- #ixv {
99
- /* Specify these here, not on body in case the iXBRL document has its own
100
- * style attribute */
101
- &,
102
- table,
103
- dialog {
104
- .default-font();
105
- .text-md();
106
- }
98
+ body,
99
+ table,
100
+ dialog,
101
+ button {
102
+ .default-font();
103
+ .text-md();
104
+ }
107
105
 
108
- a {
109
- text-decoration: none;
110
- color: var(--colour-primary);
106
+ a {
107
+ text-decoration: none;
108
+ color: var(--colour-primary);
111
109
 
112
- &:hover {
113
- text-decoration: underline;
114
- }
110
+ &:hover {
111
+ text-decoration: underline;
115
112
  }
113
+ }
116
114
 
117
- #ixv-progress {
118
- position: fixed;
119
- top: 20px;
120
- left: 20px;
121
- width: 500px;
122
- height: 200px;
123
- background-color: var(--colour-bg);
124
- border: solid #000 1px;
125
- text-align: center;
115
+ #ixv-progress {
116
+ position: fixed;
117
+ top: 20px;
118
+ left: 20px;
119
+ width: 500px;
120
+ height: 200px;
121
+ background-color: var(--colour-bg);
122
+ border: solid #000 1px;
123
+ text-align: center;
124
+ }
125
+
126
+ #viewer-pane {
127
+ width: 75%;
128
+ box-sizing: border-box;
129
+ position: fixed;
130
+ left: 0;
131
+ top: var(--top-bar-height);
132
+ bottom: 0;
133
+ z-index: 1;
134
+ display: flex;
135
+ flex-flow: column;
136
+
137
+ .ixds-tabs {
138
+ display: none;
139
+ flex: 0 1 auto;
126
140
  }
127
141
 
128
- #viewer-pane {
129
- width: 75%;
130
- box-sizing: border-box;
131
- position: fixed;
132
- left: 0;
133
- top: var(--top-bar-height);
134
- bottom: 0;
135
- z-index: 1;
136
- display: flex;
137
- flex-flow: column;
142
+ #iframe-container {
143
+ background-color:white;
144
+ color:black;
145
+ position: relative;
146
+ flex: 1 1 auto;
138
147
 
139
- .ixds-tabs {
140
- display: none;
141
- flex: 0 1 auto;
148
+ & > iframe {
149
+ width: 100%;
150
+ height: 100%;
151
+ box-sizing: border-box;
152
+ border: none;
142
153
  }
143
154
 
144
- #iframe-container {
145
- background-color:white;
146
- color:black;
147
- position: relative;
148
- flex: 1 1 auto;
149
-
150
- & > iframe {
151
- width: 100%;
152
- height: 100%;
153
- box-sizing: border-box;
154
- border: none;
155
- }
156
-
157
- .zoom-in,
158
- .zoom-out,
159
- .print {
160
- position: absolute;
161
- right: 30px;
162
- width: 20px;
163
- height: 20px;
164
- border: solid 1px #bbb;
165
- background-color: rgb(225 225 225 / 70%);
166
- justify-content: center;
167
- display: flex;
168
- align-items: center;
169
- color: #777;
170
- cursor: pointer;
171
- user-select: none;
172
- }
173
-
174
- .zoom-in {
175
- top: 15px;
176
- }
155
+ .zoom-in,
156
+ .zoom-out,
157
+ .print {
158
+ position: absolute;
159
+ right: 30px;
160
+ width: 20px;
161
+ height: 20px;
162
+ border: solid 1px #bbb;
163
+ background-color: rgb(225 225 225 / 70%);
164
+ justify-content: center;
165
+ display: flex;
166
+ align-items: center;
167
+ color: #777;
168
+ cursor: pointer;
169
+ user-select: none;
170
+ }
177
171
 
178
- .zoom-out {
179
- top: 40px;
180
- }
172
+ .zoom-in {
173
+ top: 15px;
174
+ }
181
175
 
182
- .print {
183
- top: 75px;
176
+ .zoom-out {
177
+ top: 40px;
178
+ }
184
179
 
185
- &::after {
186
- .icon-print();
180
+ .print {
181
+ top: 75px;
187
182
 
188
- font-size: 20px;
189
- }
190
- }
183
+ &::after {
184
+ .icon-print();
191
185
 
192
- .zoom-in:hover,
193
- .zoom-out:hover,
194
- .print:hover {
195
- background-color: rgb(128 128 128 / 70%);
186
+ font-size: 20px;
196
187
  }
197
188
  }
198
189
 
199
- .resize {
200
- position: absolute;
201
- top: 0;
202
- width: 5px;
203
- right: -5px;
204
- bottom: 0;
205
- z-index: 20;
206
- }
207
-
208
- /* This spacer stops drag events getting lost to the iframe */
209
- .resize-spacer {
210
- position: absolute;
211
- top: 0;
212
- width: 3px;
213
- right: 0;
214
- bottom: 0;
215
- z-index: 20;
190
+ .zoom-in:hover,
191
+ .zoom-out:hover,
192
+ .print:hover {
193
+ background-color: rgb(128 128 128 / 70%);
216
194
  }
217
195
  }
218
196
 
219
- #top-bar {
220
- .default-font();
221
- .text-md();
197
+ .resize {
198
+ position: absolute;
199
+ top: 0;
200
+ width: 5px;
201
+ right: -5px;
202
+ bottom: 0;
203
+ z-index: 20;
204
+ }
222
205
 
223
- display: flex;
224
- align-items: center;
225
- color: var(--colour-text);
226
- position: fixed;
206
+ /* This spacer stops drag events getting lost to the iframe */
207
+ .resize-spacer {
208
+ position: absolute;
227
209
  top: 0;
228
- left: 0;
210
+ width: 3px;
229
211
  right: 0;
230
- height: var(--top-bar-height);
231
- border-bottom: solid 1px #ccc;
232
- z-index: 5;
212
+ bottom: 0;
213
+ z-index: 20;
214
+ }
215
+ }
233
216
 
234
- #home-link {
235
- font-size: 2.2rem;
236
- font-weight: bold;
237
- margin-left: 1rem;
238
- margin-right: 1rem;
239
- }
217
+ #top-bar {
218
+ .default-font();
219
+ .text-md();
220
+
221
+ display: flex;
222
+ align-items: center;
223
+ color: var(--colour-text);
224
+ position: fixed;
225
+ top: 0;
226
+ left: 0;
227
+ right: 0;
228
+ height: var(--top-bar-height);
229
+ border-bottom: solid 1px #ccc;
230
+ z-index: 5;
231
+
232
+ #home-link {
233
+ font-size: 2.2rem;
234
+ font-weight: bold;
235
+ margin-left: 1rem;
236
+ margin-right: 1rem;
237
+ }
240
238
 
241
- .header {
242
- height: 100%;
243
- }
239
+ .header {
240
+ height: 100%;
241
+ }
244
242
 
245
- .document-title {
246
- box-sizing: border-box;
247
- padding-right: 1.6rem;
248
- line-height: var(--top-bar-height);
249
- border-right: solid 0.1rem #ccc;
250
- height: var(--top-bar-height);
251
- overflow: hidden;
252
- font-size: inherit;
253
- font-weight: inherit;
254
- margin: 0;
255
- }
243
+ .document-title {
244
+ box-sizing: border-box;
245
+ padding-right: 1.6rem;
246
+ line-height: var(--top-bar-height);
247
+ border-right: solid 0.1rem #ccc;
248
+ height: var(--top-bar-height);
249
+ overflow: hidden;
250
+ font-size: inherit;
251
+ font-weight: inherit;
252
+ margin: 0;
253
+ }
256
254
 
257
- .top-bar-controls {
258
- position: absolute;
259
- display: flex;
260
- right: 0;
261
- top: 0;
262
- line-height: var(--top-bar-height);
263
- height: var(--top-bar-height);
264
- background: var(--colour-bg);
265
- padding-left: 1.8rem;
255
+ .top-bar-controls {
256
+ position: absolute;
257
+ display: flex;
258
+ right: 0;
259
+ top: 0;
260
+ line-height: var(--top-bar-height);
261
+ height: var(--top-bar-height);
262
+ background: var(--colour-bg);
263
+ padding-left: 1.8rem;
266
264
 
267
- & > * {
268
- margin-right: 0.8rem;
269
- }
265
+ & > * {
266
+ margin-right: 0.8rem;
267
+ }
270
268
 
271
- .horizontal-menu {
272
- * {
273
- vertical-align: middle;
274
- }
269
+ .horizontal-menu {
270
+ * {
271
+ vertical-align: middle;
272
+ }
275
273
 
276
- .content > * {
277
- position: relative;
278
- top: -0.1rem;
279
- margin-right: 0.6rem;
280
- }
274
+ .content > * {
275
+ position: relative;
276
+ top: -0.1rem;
277
+ margin-right: 0.6rem;
281
278
  }
279
+ }
282
280
 
283
281
 
284
- .highlight-key {
285
- margin-left: 0.6rem;
286
- margin-right: 1.5rem;
287
- position: relative;
282
+ .highlight-key {
283
+ margin-left: 0.6rem;
284
+ margin-right: 1.5rem;
285
+ position: relative;
288
286
 
289
- &::before {
290
- .icon-question();
287
+ &::before {
288
+ .icon-question();
291
289
 
292
- font-size: 1.6rem;
293
- }
290
+ font-size: 1.6rem;
291
+ }
294
292
 
295
- .popup-content {
293
+ .popup-content {
294
+ position: absolute;
295
+ top: 3.2rem;
296
+ left: -2rem;
297
+ background: white;
298
+ color: black;
299
+ border: solid 1px black;
300
+ border-radius: 0.3rem;
301
+ line-height: 1.6rem;
302
+
303
+ .arrow {
296
304
  position: absolute;
297
- top: 3.2rem;
298
- left: -2rem;
305
+ top: 0;
306
+ left: 1.1rem;
307
+ width: 1.5rem;
308
+ height: 1.5rem;
309
+ border-top: solid 0.1rem black;
310
+ border-left: solid 0.1rem black;
311
+ transform: translate(50%, -50%) rotate(45deg);
299
312
  background: white;
300
- color: black;
301
- border: solid 1px black;
302
- border-radius: 0.3rem;
303
- line-height: 1.6rem;
313
+ }
304
314
 
305
- .arrow {
306
- position: absolute;
307
- top: 0;
308
- left: 1.1rem;
309
- width: 1.5rem;
310
- height: 1.5rem;
311
- border-top: solid 0.1rem black;
312
- border-left: solid 0.1rem black;
313
- transform: translate(50%, -50%) rotate(45deg);
314
- background: white;
315
- }
315
+ .item {
316
+ white-space: nowrap;
317
+ margin: 1rem;
318
+ position: relative;
316
319
 
317
- .item {
318
- white-space: nowrap;
319
- margin: 1rem;
320
- position: relative;
321
-
322
- .sample {
323
- display: inline-block;
324
- width: 3.2rem;
325
- height: 1.6rem;
326
- margin-right: 1rem;
327
- }
320
+ .sample {
321
+ display: inline-block;
322
+ width: 3.2rem;
323
+ height: 1.6rem;
324
+ margin-right: 1rem;
325
+ }
328
326
 
329
- .sample-0 {
330
- background: var(--colour-highlight-default);
331
- }
327
+ .sample-0 {
328
+ background: var(--colour-highlight-default);
329
+ }
332
330
 
333
- .sample-1 {
334
- background: var(--colour-highlight-1);
335
- }
331
+ .sample-1 {
332
+ background: var(--colour-highlight-1);
333
+ }
336
334
 
337
- .sample-2 {
338
- background: var(--colour-highlight-2);
339
- }
335
+ .sample-2 {
336
+ background: var(--colour-highlight-2);
337
+ }
340
338
 
341
- .sample-3 {
342
- background: var(--colour-highlight-3);
343
- }
339
+ .sample-3 {
340
+ background: var(--colour-highlight-3);
341
+ }
344
342
 
345
- .sample-4 {
346
- background: var(--colour-highlight-4);
347
- }
343
+ .sample-4 {
344
+ background: var(--colour-highlight-4);
345
+ }
348
346
 
349
- .sample-5 {
350
- background: var(--colour-highlight-5);
351
- }
347
+ .sample-5 {
348
+ background: var(--colour-highlight-5);
352
349
  }
353
350
  }
354
351
  }
352
+ }
355
353
 
356
- .validation-warning {
357
- margin-left: 0.5rem;
358
- font-size: 1.6rem;
359
- display: none;
360
- cursor: pointer;
354
+ .validation-warning {
355
+ margin-left: 0.5rem;
356
+ font-size: 1.6rem;
357
+ display: none;
358
+ cursor: pointer;
361
359
 
362
- &::before {
363
- .icon-warning();
364
- }
360
+ &::before {
361
+ .icon-warning();
365
362
  }
363
+ }
366
364
 
367
- #toggle-dark-mode {
368
- border: none;
365
+ #toggle-dark-mode {
366
+ border: none;
369
367
 
370
- &::before {
371
- .icon-dark-mode();
368
+ &::before {
369
+ .icon-dark-mode();
372
370
 
373
- cursor: pointer;
374
- }
371
+ cursor: pointer;
375
372
  }
373
+ }
376
374
 
377
- .menu .menu-title::before {
378
- .icon-cog();
375
+ .menu .menu-title::before {
376
+ .icon-cog();
379
377
 
380
- font-size: 2rem;
381
- }
378
+ font-size: 2rem;
382
379
  }
383
380
  }
381
+ }
384
382
 
385
- #inspector {
386
- display: flex;
387
- flex-direction: column;
383
+ #inspector {
384
+ display: flex;
385
+ flex-direction: column;
388
386
 
389
- h1,
390
- h2,
391
- h3 {
392
- font-weight: normal;
393
- width: 100%;
394
- box-sizing: border-box;
395
- color: var(--colour-text-title);
396
- }
387
+ h1,
388
+ h2,
389
+ h3 {
390
+ font-weight: normal;
391
+ width: 100%;
392
+ box-sizing: border-box;
393
+ color: var(--colour-text-title);
394
+ }
397
395
 
398
- h2 {
399
- text-align: center;
400
- font-size: 1.8rem;
401
- line-height: 3.2rem;
402
- margin: 0.8rem 0;
403
- }
396
+ h2 {
397
+ text-align: center;
398
+ font-size: 1.8rem;
399
+ line-height: 3.2rem;
400
+ margin: 0.8rem 0;
401
+ }
404
402
 
405
- h3 {
406
- .text-md();
407
- }
403
+ h3 {
404
+ .text-md();
405
+ }
408
406
 
409
- h4 {
410
- font-weight: bold;
411
- color: var(--colour-text-title);
412
- margin-bottom: 1.4em;
413
- }
407
+ h4 {
408
+ font-weight: bold;
409
+ color: var(--colour-text-title);
410
+ margin-bottom: 1.4em;
411
+ }
414
412
 
415
- #inspector-head {
416
- padding: 0;
413
+ #inspector-head {
414
+ padding: 0;
415
+ position: relative;
416
+ border-bottom: solid 1px var(--colour-border-grey);
417
+
418
+ .controls {
417
419
  position: relative;
418
- border-bottom: solid 1px var(--colour-border-grey);
420
+ height: 3.2rem;
421
+ padding: 0.8rem 0.9rem;
422
+ display: flex;
419
423
 
420
- .controls {
421
- position: relative;
422
- height: 3.2rem;
423
- padding: 0.8rem 0.9rem;
424
- display: flex;
424
+ & > * {
425
+ margin: 0.8rem 0.9rem;
426
+ }
427
+
428
+ .search-button {
429
+ .square-button();
430
+
431
+ &::before {
432
+ .icon-search();
425
433
 
426
- & > * {
427
- margin: 0.8rem 0.9rem;
434
+ position: relative;
428
435
  }
436
+ }
429
437
 
430
- .search-button {
431
- .square-button();
438
+ .outline-button {
439
+ .square-button();
432
440
 
433
- &::before {
434
- .icon-search();
441
+ &::before {
442
+ .icon-outline();
435
443
 
436
- position: relative;
437
- }
444
+ position: relative;
438
445
  }
446
+ }
439
447
 
440
- .outline-button {
441
- .square-button();
448
+ .summary-button {
449
+ .square-button();
442
450
 
443
- &::before {
444
- .icon-outline();
451
+ &::before {
452
+ .icon-summary();
445
453
 
446
- position: relative;
447
- }
454
+ position: relative;
448
455
  }
456
+ }
449
457
 
450
- .summary-button {
451
- .square-button();
458
+ .ixbrl-prev-tag {
459
+ .square-button();
452
460
 
453
- &::before {
454
- .icon-summary();
461
+ margin-left: auto;
455
462
 
456
- position: relative;
457
- }
463
+ &::before {
464
+ .icon-chevron-left();
458
465
  }
466
+ }
459
467
 
460
- .ixbrl-prev-tag {
461
- .square-button();
468
+ .ixbrl-next-tag {
469
+ .square-button();
462
470
 
463
- margin-left: auto;
471
+ &::before {
472
+ .icon-chevron-right();
473
+ }
474
+ }
475
+ }
476
+ }
464
477
 
465
- &::before {
466
- .icon-chevron-left();
467
- }
478
+ .inspector-container {
479
+ flex-grow: 1;
480
+ overflow: hidden;
481
+ display: flex;
482
+ flex-direction: column;
483
+
484
+ .inspector-title {
485
+ text-align: center;
486
+ position: relative;
487
+ margin: 0.8rem 0;
488
+
489
+ h2 {
490
+ margin: 0;
491
+ padding: 0;
492
+ }
493
+
494
+ .back {
495
+ .square-button-bare();
496
+
497
+ top: 0;
498
+ left: 0.9rem;
499
+ position: absolute;
500
+
501
+ &::before {
502
+ .icon-chevron-left();
503
+ }
504
+ }
505
+ }
506
+
507
+ .search-controls {
508
+ margin: 0 0 0.8rem;
509
+
510
+ .search-input {
511
+ display: flex;
512
+ padding: 0 0.9rem;
513
+
514
+ input#ixbrl-search {
515
+ flex-grow: 1;
516
+ margin-right: 1rem;
468
517
  }
469
518
 
470
- .ixbrl-next-tag {
519
+ .filter-toggle {
471
520
  .square-button();
472
521
 
473
522
  &::before {
474
- .icon-chevron-right();
523
+ .icon-filter();
475
524
  }
476
525
  }
477
526
  }
478
- }
479
527
 
480
- .inspector-container {
481
- flex-grow: 1;
482
- overflow: hidden;
483
- display: flex;
484
- flex-direction: column;
485
-
486
- .inspector-title {
528
+ .filter-info {
487
529
  text-align: center;
530
+ font-style: italic;
531
+ margin-top: 0.8rem;
488
532
  position: relative;
489
- margin: 0.8rem 0;
490
-
491
- h2 {
492
- margin: 0;
493
- padding: 0;
494
- }
495
533
 
496
- .back {
497
- .square-button-bare();
534
+ .reset {
535
+ .bare-button();
536
+ .text-md();
498
537
 
499
- top: 0;
500
- left: 0.9rem;
501
538
  position: absolute;
502
-
503
- &::before {
504
- .icon-chevron-left();
505
- }
539
+ right: 0.8rem;
540
+ top: -0.3rem;
506
541
  }
507
542
  }
508
543
 
509
- .search-controls {
510
- margin: 0 0 0.8rem;
544
+ &:not(.show-filters) .search-filters {
545
+ display: none;
546
+ }
511
547
 
512
- .search-input {
513
- display: flex;
514
- padding: 0 0.9rem;
548
+ &.active-filters .filter-toggle {
549
+ color: var(--colour-primary);
550
+ }
515
551
 
516
- input#ixbrl-search {
517
- flex-grow: 1;
518
- margin-right: 1rem;
519
- }
552
+ &:not(.active-filters) .reset {
553
+ display: none;
554
+ }
520
555
 
521
- .filter-toggle {
522
- .square-button();
556
+ .search-filters {
557
+ position: relative;
558
+ // Ensure the filter pane never grows too large to hide the results pane
559
+ max-height: 60vh;
560
+ overflow-y: auto;
561
+ padding: 0 0.9rem;
523
562
 
524
- &::before {
525
- .icon-filter();
526
- }
563
+
564
+ h3 {
565
+ border: none;
566
+ font-weight: bold;
567
+ padding-bottom: 0;
568
+
569
+ button {
570
+ font-weight: inherit;
527
571
  }
528
572
  }
529
573
 
530
- .filter-info {
531
- text-align: center;
532
- font-style: italic;
533
- margin-top: 0.8rem;
534
- position: relative;
535
-
536
- .reset {
537
- .bare-button();
538
- .text-md();
574
+ .filter-group {
575
+ display: flex;
576
+ flex-wrap: wrap;
577
+ justify-content: space-between;
578
+ margin-bottom: 0.4em;
539
579
 
540
- position: absolute;
541
- right: 0.8rem;
542
- top: -0.3rem;
580
+ .control-label {
581
+ white-space: nowrap;
582
+ margin-right: 2em;
583
+ width: 6em;
543
584
  }
544
- }
545
585
 
546
- &:not(.show-filters) .search-filters {
547
- display: none;
586
+ input,
587
+ select,
588
+ textarea {
589
+ flex-basis: 12em;
590
+ flex-grow: 2;
591
+ }
548
592
  }
549
593
 
550
- &.active-filters .filter-toggle {
551
- color: var(--colour-primary);
594
+ .control-label {
595
+ font-weight: bold;
596
+ margin-bottom: 0.6em;
597
+ margin-top: 0.8em;
552
598
  }
553
599
 
554
- &:not(.active-filters) .reset {
555
- display: none;
600
+ select {
601
+ width: 100%;
556
602
  }
557
603
 
558
- .search-filters {
559
- position: relative;
560
- // Ensure the filter pane never grows too large to hide the results pane
561
- max-height: 60vh;
562
- overflow-y: auto;
563
- padding: 0 0.9rem;
564
-
604
+ .checkboxes {
605
+ display: flex;
606
+ flex-wrap: wrap;
565
607
 
566
- h3 {
567
- border: none;
568
- font-weight: bold;
569
- padding-bottom: 0;
608
+ & > div {
609
+ margin: 1.2rem 0;
610
+ flex-grow: 1;
570
611
 
571
- button {
572
- font-weight: inherit;
612
+ input {
613
+ vertical-align: middle;
573
614
  }
574
615
  }
616
+ }
575
617
 
576
- .filter-group {
577
- display: flex;
578
- flex-wrap: wrap;
579
- justify-content: space-between;
580
- margin-bottom: 0.4em;
581
618
 
582
- .control-label {
583
- white-space: nowrap;
584
- margin-right: 2em;
585
- width: 6em;
586
- }
587
-
588
- input,
589
- select,
590
- textarea {
591
- flex-basis: 12em;
592
- flex-grow: 2;
593
- }
594
- }
619
+ .datatype-conflict-warning {
620
+ margin: 1rem 0;
621
+ color: var(--colour-warning);
622
+ display: none;
623
+ }
624
+ }
625
+ }
595
626
 
596
- .control-label {
597
- font-weight: bold;
598
- margin-bottom: 0.6em;
599
- margin-top: 0.8em;
600
- }
627
+ .inspector-body {
628
+ border-top: solid 1px var(--colour-border-grey);
629
+ width: 100%;
630
+ position: relative;
631
+ overflow-y: auto;
632
+ flex-grow: 1;
601
633
 
602
- select {
603
- width: 100%;
604
- }
634
+ .no-fact-overlay,
635
+ .no-outline-overlay {
636
+ position: absolute;
637
+ left: 50%;
638
+ top: 50%;
639
+ transform: translate(-50%, -50%);
640
+ width: 80%;
641
+ text-align: center;
642
+ color: var(--colour-text-light);
605
643
 
606
- .checkboxes {
607
- display: flex;
608
- flex-wrap: wrap;
644
+ .no-fact-overlay-icon::before {
645
+ .icon-tag();
609
646
 
610
- & > div {
611
- margin: 1.2rem 0;
612
- flex-grow: 1;
647
+ font-size: 10rem;
648
+ line-height: normal;
649
+ }
613
650
 
614
- input {
615
- vertical-align: middle;
616
- }
617
- }
618
- }
651
+ .no-outline-overlay-icon::before {
652
+ .icon-outline();
619
653
 
654
+ font-size: 10rem;
655
+ line-height: normal;
656
+ }
620
657
 
621
- .datatype-conflict-warning {
622
- margin: 1rem 0;
623
- color: var(--colour-warning);
624
- display: none;
625
- }
658
+ .title {
659
+ font-size: x-large;
660
+ line-height: normal;
626
661
  }
627
662
  }
628
663
 
629
664
  .inspector-body {
630
- border-top: solid 1px var(--colour-border-grey);
631
- width: 100%;
665
+ overflow-y: auto;
666
+ height: 100%;
632
667
  position: relative;
668
+ }
669
+
670
+ .search-results {
633
671
  overflow-y: auto;
634
- flex-grow: 1;
672
+ height: 100%;
673
+ .panel-indent();
635
674
 
636
- .no-fact-overlay,
637
- .no-outline-overlay {
675
+ .search-overlay {
676
+ transform: translate(-50%, -50%);
638
677
  position: absolute;
639
- left: 50%;
640
678
  top: 50%;
641
- transform: translate(-50%, -50%);
642
- width: 80%;
643
- text-align: center;
679
+ left: 50%;
644
680
  color: var(--colour-text-light);
681
+ width: 85%;
645
682
 
646
- .no-fact-overlay-icon::before {
647
- .icon-tag();
648
-
683
+ .search-overlay-icon {
684
+ text-align: center;
649
685
  font-size: 10rem;
650
686
  line-height: normal;
651
- }
652
687
 
653
- .no-outline-overlay-icon::before {
654
- .icon-outline();
655
-
656
- font-size: 10rem;
657
- line-height: normal;
688
+ &::before {
689
+ .icon-search();
690
+ }
658
691
  }
659
692
 
660
- .title {
661
- font-size: x-large;
693
+ .search-overlay-text {
694
+ text-align: center;
695
+ font-size: medium;
662
696
  line-height: normal;
663
- }
664
- }
665
697
 
666
- .inspector-body {
667
- overflow-y: auto;
668
- height: 100%;
669
- position: relative;
698
+ .title {
699
+ font-size: x-large;
700
+ line-height: normal;
701
+ }
702
+ }
670
703
  }
671
704
 
672
- .search-results {
673
- overflow-y: auto;
674
- height: 100%;
675
- .panel-indent();
676
705
 
677
- .search-overlay {
678
- transform: translate(-50%, -50%);
679
- position: absolute;
680
- top: 50%;
681
- left: 50%;
682
- color: var(--colour-text-light);
683
- width: 85%;
706
+ .more-results {
707
+ .clickable();
684
708
 
685
- .search-overlay-icon {
686
- text-align: center;
687
- font-size: 10rem;
688
- line-height: normal;
709
+ padding: 1rem;
710
+ text-align: center;
711
+ }
712
+ } /* search results */
689
713
 
690
- &::before {
691
- .icon-search();
692
- }
693
- }
714
+ .outline {
715
+ overflow-y: auto;
716
+ height: 100%;
717
+ }
694
718
 
695
- .search-overlay-text {
696
- text-align: center;
697
- font-size: medium;
698
- line-height: normal;
719
+ .summary {
720
+ overflow-y: auto;
721
+ height: 100%;
722
+ }
699
723
 
700
- .title {
701
- font-size: x-large;
702
- line-height: normal;
703
- }
704
- }
705
- }
724
+ .body {
725
+ .panel-indent();
726
+ }
727
+ } /* inspector body */
728
+ } /* inspector container */
706
729
 
730
+ .std-label {
731
+ margin-left: 30px;
732
+ min-height: 20px;
733
+ position: relative;
707
734
 
708
- .more-results {
709
- .clickable();
735
+ &::before {
736
+ color: var(--colour-primary);
737
+ content: "\2022";
738
+ position: absolute;
739
+ left: -20px;
740
+ font-size: x-large;
741
+ }
742
+ }
710
743
 
711
- padding: 1rem;
712
- text-align: center;
713
- }
714
- } /* search results */
744
+ dt {
745
+ font-weight: bold;
746
+ color: var(--colour-text-title);
747
+ margin-bottom: 1.4rem;
748
+ margin-top: 1.4rem;
749
+ }
715
750
 
716
- .outline {
717
- overflow-y: auto;
718
- height: 100%;
719
- }
751
+ dd {
752
+ margin-inline-start: 2rem;
753
+ }
720
754
 
721
- .summary {
722
- overflow-y: auto;
723
- height: 100%;
724
- }
755
+ #concept {
756
+ margin-top: 20px;
757
+ font-size: small;
758
+ min-height: 25px;
759
+ }
725
760
 
726
- .body {
727
- .panel-indent();
728
- }
729
- } /* inspector body */
730
- } /* inspector container */
761
+ #dimensions {
762
+ margin-left: 2rem;
763
+ margin-right: 2rem;
764
+ margin-bottom: 1rem;
731
765
 
732
- .std-label {
733
- margin-left: 30px;
734
- min-height: 20px;
766
+ .dimension {
735
767
  position: relative;
768
+ margin: 1.5rem 0 1.5rem 1rem;
736
769
 
737
770
  &::before {
771
+ .icon-dimension();
772
+
738
773
  color: var(--colour-primary);
739
- content: "\2022";
740
774
  position: absolute;
741
- left: -20px;
742
- font-size: x-large;
775
+ top: 0;
776
+ left: -2.3rem;
777
+ font-size: 120%;
743
778
  }
744
779
  }
745
780
 
746
- dt {
747
- font-weight: bold;
748
- color: var(--colour-text-title);
749
- margin-bottom: 1.4rem;
750
- margin-top: 1.4rem;
751
- }
781
+ .dimension-value {
782
+ position: relative;
783
+ margin: 1.5rem 0 1.5rem 3.5rem;
752
784
 
753
- dd {
754
- margin-inline-start: 2rem;
755
- }
785
+ &::before {
786
+ .icon-dimension-member();
756
787
 
757
- #concept {
758
- margin-top: 20px;
759
- font-size: small;
760
- min-height: 25px;
788
+ position: absolute;
789
+ color: var(--colour-primary);
790
+ top: 0;
791
+ left: -2.3rem;
792
+ font-size: 120%;
793
+ }
761
794
  }
795
+ }
762
796
 
763
- #dimensions {
764
- margin-left: 2rem;
765
- margin-right: 2rem;
766
- margin-bottom: 1rem;
797
+ .inline-button {
798
+ display: inline;
799
+ cursor: pointer;
800
+ color: var(--colour-primary);
801
+ padding: 0.3rem;
802
+ border: none;
803
+ }
767
804
 
768
- .dimension {
769
- position: relative;
770
- margin: 1.5rem 0 1.5rem 1rem;
805
+ .analyse {
806
+ margin-left: 0.4rem;
807
+ }
771
808
 
772
- &::before {
773
- .icon-dimension();
809
+ .analyse::before {
810
+ .icon-graph();
774
811
 
775
- color: var(--colour-primary);
776
- position: absolute;
777
- top: 0;
778
- left: -2.3rem;
779
- font-size: 120%;
780
- }
781
- }
812
+ position: relative;
813
+ top: 1px;
814
+ }
782
815
 
783
- .dimension-value {
784
- position: relative;
785
- margin: 1.5rem 0 1.5rem 3.5rem;
816
+ .inspector-body .tags {
817
+ position: absolute;
818
+ top: 1.5rem;
819
+ right: 0.9rem;
820
+ }
786
821
 
787
- &::before {
788
- .icon-dimension-member();
822
+ .target-document-tag {
823
+ .tag();
824
+ }
789
825
 
790
- position: absolute;
791
- color: var(--colour-primary);
792
- top: 0;
793
- left: -2.3rem;
794
- font-size: 120%;
795
- }
796
- }
826
+ .hidden-fact-tag,
827
+ .html-hidden-fact-tag {
828
+ .tag();
829
+
830
+ &.html-hidden-fact-tag {
831
+ background-color: #c63018;
797
832
  }
833
+ }
798
834
 
799
- .inline-button {
800
- display: inline;
801
- cursor: pointer;
802
- color: var(--colour-primary);
803
- padding: 0.3rem;
804
- border: none;
835
+
836
+ .duplicates {
837
+ text-align: center;
838
+ width: 100%;
839
+ height: 3.2rem;
840
+ line-height: 3.2rem;
841
+
842
+ & > * {
843
+ vertical-align: middle;
805
844
  }
806
845
 
807
- .analyse {
808
- margin-left: 0.4rem;
846
+ .text {
847
+ margin: 0 5px;
809
848
  }
810
849
 
811
- .analyse::before {
812
- .icon-graph();
850
+ .next,
851
+ .prev {
852
+ .square-button-bare();
813
853
 
814
854
  position: relative;
815
- top: 1px;
855
+ display: inline-block;
816
856
  }
817
857
 
818
- .inspector-body .tags {
819
- position: absolute;
820
- top: 1.5rem;
821
- right: 0.9rem;
858
+ .prev::before {
859
+ .icon-chevron-left();
822
860
  }
823
861
 
824
- .target-document-tag {
825
- .tag();
862
+ .next::before {
863
+ .icon-chevron-right();
826
864
  }
865
+ }
827
866
 
828
- .hidden-fact-tag,
829
- .html-hidden-fact-tag {
830
- .tag();
867
+ .concept td > div {
868
+ display: flex;
831
869
 
832
- &.html-hidden-fact-tag {
833
- background-color: #c63018;
834
- }
870
+ span.text {
871
+ white-space: nowrap;
872
+ position: relative;
873
+ flex-shrink: 1;
874
+ overflow: hidden;
875
+ text-overflow: ellipsis;
835
876
  }
836
877
 
837
-
838
- .duplicates {
839
- text-align: center;
840
- width: 100%;
841
- height: 3.2rem;
842
- line-height: 3.2rem;
843
-
844
- & > * {
845
- vertical-align: middle;
846
- }
847
-
848
- .text {
849
- margin: 0 5px;
850
- }
851
-
852
- .next,
853
- .prev {
854
- .square-button-bare();
855
-
856
- position: relative;
857
- display: inline-block;
858
- }
859
-
860
- .prev::before {
861
- .icon-chevron-left();
862
- }
863
-
864
- .next::before {
865
- .icon-chevron-right();
866
- }
878
+ span.filler {
879
+ width: 0.7rem;
880
+ display: inline-block;
881
+ flex-shrink: 1000;
867
882
  }
868
883
 
869
- .concept td > div {
870
- display: flex;
871
-
872
- span.text {
873
- white-space: nowrap;
874
- position: relative;
875
- flex-shrink: 1;
876
- overflow: hidden;
877
- text-overflow: ellipsis;
878
- }
879
-
880
- span.filler {
881
- width: 0.7rem;
882
- display: inline-block;
883
- flex-shrink: 1000;
884
- }
885
-
886
- span.copy-icon {
887
- flex-shrink: 0;
888
- }
884
+ span.copy-icon {
885
+ flex-shrink: 0;
889
886
  }
887
+ }
890
888
 
891
- .documentation {
892
- margin-top: 10px;
893
- margin-left: 30px;
894
- font-style: italic;
895
- font-family: serif;
896
- }
889
+ .documentation {
890
+ margin-top: 10px;
891
+ margin-left: 30px;
892
+ font-style: italic;
893
+ font-family: serif;
894
+ }
897
895
 
898
- width: 25%;
899
- position: absolute;
900
- top: var(--top-bar-height);
901
- right: 0;
902
- bottom: 0;
903
- box-sizing: border-box;
904
- overflow: hidden;
905
- border-left: solid 0.1rem var(--colour-border-grey);
896
+ width: 25%;
897
+ position: absolute;
898
+ top: var(--top-bar-height);
899
+ right: 0;
900
+ bottom: 0;
901
+ box-sizing: border-box;
902
+ overflow: hidden;
903
+ border-left: solid 0.1rem var(--colour-border-grey);
904
+
905
+ .inspector-section {
906
+ padding-left: 0.9rem;
907
+ padding-right: 0.9rem;
908
+ }
906
909
 
907
- .inspector-section {
908
- padding-left: 0.9rem;
909
- padding-right: 0.9rem;
910
+ .collapsible-section {
911
+ .collapsible-body {
912
+ .panel-indent();
910
913
  }
911
914
 
912
- .collapsible-section {
913
- .collapsible-body {
914
- .panel-indent();
915
- }
916
-
917
- .collapsible-header {
918
- position: relative;
919
- padding: 0 0 0.5rem 1.2rem;
920
- cursor: pointer;
921
- user-select: none;
922
- white-space: nowrap;
923
- border-bottom: solid 1px var(--colour-border-grey);
915
+ .collapsible-header {
916
+ position: relative;
917
+ padding: 0 0 0.5rem 1.2rem;
918
+ cursor: pointer;
919
+ user-select: none;
920
+ white-space: nowrap;
921
+ border-bottom: solid 1px var(--colour-border-grey);
924
922
 
925
- button:first-of-type {
926
- .text-md();
923
+ button:first-of-type {
924
+ .text-md();
927
925
 
928
- border: none;
929
- color: var(--colour-text-title);
930
- text-align: left;
931
- position: relative;
932
- padding: 0.4rem 0.9rem 0.4rem 2.3rem;
926
+ border: none;
927
+ color: var(--colour-text-title);
928
+ text-align: left;
929
+ position: relative;
930
+ padding: 0.4rem 0.9rem 0.4rem 2.3rem;
933
931
 
934
- &::before {
935
- .icon-chevron-right();
936
-
937
- font-size: 1.8rem;
938
- position: absolute;
939
- top: 0.4rem;
940
- left: 0;
941
- transform: rotate(90deg);
942
- transition: all 0.25s ease;
943
- display: inline-block;
944
- }
945
- }
932
+ &::before {
933
+ .icon-chevron-right();
946
934
 
947
- .collapsible-subheader {
948
- user-select: none;
949
- font-weight: normal;
950
- font-style: italic;
951
- font-size: 1.3rem;
952
- color: var(--colour-text-form-value);
953
- }
935
+ font-size: 1.8rem;
936
+ position: absolute;
937
+ top: 0.4rem;
938
+ left: 0;
939
+ transform: rotate(90deg);
940
+ transition: all 0.25s ease;
941
+ display: inline-block;
942
+ }
954
943
  }
955
944
 
956
- &.collapsed {
957
- .collapsible-header button::before {
958
- transform: rotate(0);
959
- top: 0.3rem;
960
- left: -0.2rem;
961
- }
945
+ .collapsible-subheader {
946
+ user-select: none;
947
+ font-weight: normal;
948
+ font-style: italic;
949
+ font-size: 1.3rem;
950
+ color: var(--colour-text-form-value);
951
+ }
952
+ }
962
953
 
963
- .collapsible-subheader {
964
- color: var(--colour-primary);
965
- }
954
+ &.collapsed {
955
+ .collapsible-header button::before {
956
+ transform: rotate(0);
957
+ top: 0.3rem;
958
+ left: -0.2rem;
966
959
  }
967
960
 
968
- .footnote-details {
969
- display: none;
961
+ .collapsible-subheader {
962
+ color: var(--colour-primary);
970
963
  }
964
+ }
971
965
 
972
- .calculations {
973
- .card .title {
974
- position: relative;
966
+ .footnote-details {
967
+ display: none;
968
+ }
975
969
 
976
- .inconsistent-flag {
977
- padding-right: 0.75rem;
978
- position: relative;
979
- top: 0.2rem;
980
- color: var(--colour-warning);
970
+ .calculations {
971
+ .card .title {
972
+ position: relative;
981
973
 
982
- &::before {
983
- .icon-circle-cross();
984
- }
974
+ .inconsistent-flag {
975
+ padding-right: 0.75rem;
976
+ position: relative;
977
+ top: 0.2rem;
978
+ color: var(--colour-warning);
979
+
980
+ &::before {
981
+ .icon-circle-cross();
985
982
  }
983
+ }
986
984
 
987
- .consistent-flag {
988
- padding-right: 0.75rem;
989
- position: relative;
990
- top: 0.2rem;
991
- color: var(--colour-primary);
985
+ .consistent-flag {
986
+ padding-right: 0.75rem;
987
+ position: relative;
988
+ top: 0.2rem;
989
+ color: var(--colour-primary);
992
990
 
993
- &::before {
994
- .icon-circle-tick();
995
- }
991
+ &::before {
992
+ .icon-circle-tick();
996
993
  }
994
+ }
997
995
 
998
- .unchecked-flag {
999
- padding-right: 0.5rem;
1000
- position: relative;
1001
- top: 0.2rem;
996
+ .unchecked-flag {
997
+ padding-right: 0.5rem;
998
+ position: relative;
999
+ top: 0.2rem;
1002
1000
 
1003
- &::before {
1004
- .icon-question();
1005
- }
1001
+ &::before {
1002
+ .icon-question();
1006
1003
  }
1007
-
1008
1004
  }
1009
1005
 
1010
- table.calculation-table {
1011
- width: 100%;
1012
- border-collapse: collapse;
1006
+ }
1013
1007
 
1014
- tr.item {
1015
- td {
1016
- padding: 0.2rem 0;
1017
- line-height: 1.8rem;
1008
+ table.calculation-table {
1009
+ width: 100%;
1010
+ border-collapse: collapse;
1018
1011
 
1019
- &.weight {
1020
- text-align: center;
1021
- }
1012
+ tr.item {
1013
+ td {
1014
+ padding: 0.2rem 0;
1015
+ line-height: 1.8rem;
1022
1016
 
1023
- &.value {
1024
- text-align: right;
1025
- }
1017
+ &.weight {
1018
+ text-align: center;
1026
1019
  }
1027
1020
 
1028
- &:not(.calc-fact-link, .total) .concept-name {
1029
- color: #777;
1021
+ &.value {
1022
+ text-align: right;
1030
1023
  }
1024
+ }
1031
1025
 
1032
- &:not(.calc-fact-link) {
1033
- td {
1034
- .text-md();
1026
+ &:not(.calc-fact-link, .total) .concept-name {
1027
+ color: #777;
1028
+ }
1029
+
1030
+ &:not(.calc-fact-link) {
1031
+ td {
1032
+ .text-md();
1035
1033
 
1036
- &.concept-name {
1037
- // Compensate for padding that gets added by button on clickable rows.
1038
- padding: 0.3rem;
1039
- }
1034
+ &.concept-name {
1035
+ // Compensate for padding that gets added by button on clickable rows.
1036
+ padding: 0.3rem;
1040
1037
  }
1041
1038
  }
1039
+ }
1042
1040
 
1043
- &.calc-fact-link {
1044
- cursor: pointer;
1041
+ &.calc-fact-link {
1042
+ cursor: pointer;
1045
1043
 
1046
- .concept-name,
1047
- .value {
1048
- color: var(--colour-primary);
1044
+ .concept-name,
1045
+ .value {
1046
+ color: var(--colour-primary);
1049
1047
 
1050
- button {
1051
- .text-md();
1052
- }
1048
+ button {
1049
+ .text-md();
1053
1050
  }
1054
1051
  }
1052
+ }
1055
1053
 
1056
- &.linked-highlight,
1057
- &.calc-fact-link:hover {
1058
- .linked-highlight-text();
1059
- }
1054
+ &.linked-highlight,
1055
+ &.calc-fact-link:hover {
1056
+ .linked-highlight-text();
1057
+ }
1060
1058
 
1061
- &.total td {
1062
- border-top: solid 1px var(--colour-border-grey);
1063
- padding-bottom: 1.2rem;
1064
- }
1059
+ &.total td {
1060
+ border-top: solid 1px var(--colour-border-grey);
1061
+ padding-bottom: 1.2rem;
1065
1062
  }
1066
1063
  }
1064
+ }
1067
1065
 
1068
- .calculation-details-link {
1069
- .inline-button();
1070
- .text-md();
1071
- }
1066
+ .calculation-details-link {
1067
+ .inline-button();
1068
+ .text-md();
1072
1069
  }
1073
1070
  }
1071
+ }
1074
1072
 
1075
- .resetable-multiselect {
1076
- position: relative;
1073
+ .resetable-multiselect {
1074
+ position: relative;
1077
1075
 
1078
- .reset-multiselect {
1079
- position: absolute;
1080
- top: -2.5rem;
1081
- right: -0.5rem;
1082
- cursor: pointer;
1083
- border: none;
1084
- padding: 0.3rem;
1076
+ .reset-multiselect {
1077
+ position: absolute;
1078
+ top: -2.5rem;
1079
+ right: -0.5rem;
1080
+ cursor: pointer;
1081
+ border: none;
1082
+ padding: 0.3rem;
1085
1083
 
1086
1084
 
1087
- &::after {
1088
- .icon-close();
1089
- }
1085
+ &::after {
1086
+ .icon-close();
1090
1087
  }
1091
1088
  }
1089
+ }
1092
1090
 
1093
- &:not(.no-fact-selected) {
1094
- .no-fact-overlay {
1095
- display: none;
1096
- }
1091
+ &:not(.no-fact-selected) {
1092
+ .no-fact-overlay {
1093
+ display: none;
1097
1094
  }
1095
+ }
1098
1096
 
1099
- &.no-fact-selected {
1100
- .fact-selected-only {
1101
- display: none;
1102
- }
1097
+ &.no-fact-selected {
1098
+ .fact-selected-only {
1099
+ display: none;
1103
1100
  }
1101
+ }
1104
1102
 
1105
- &:not(.hidden-fact) {
1106
- .hidden-fact-tag {
1107
- display: none;
1108
- }
1103
+ &:not(.hidden-fact) {
1104
+ .hidden-fact-tag {
1105
+ display: none;
1109
1106
  }
1107
+ }
1110
1108
 
1111
- &:not(.html-hidden-fact) {
1112
- .html-hidden-fact-tag {
1113
- display: none;
1114
- }
1109
+ &:not(.html-hidden-fact) {
1110
+ .html-hidden-fact-tag {
1111
+ display: none;
1115
1112
  }
1113
+ }
1116
1114
 
1117
- &.search-mode {
1118
- #inspector-head {
1119
- .controls {
1120
- .search-button {
1121
- .square-button.primary();
1122
- }
1115
+ &.search-mode {
1116
+ #inspector-head {
1117
+ .controls {
1118
+ .search-button {
1119
+ .square-button.primary();
1123
1120
  }
1124
1121
  }
1125
1122
  }
1123
+ }
1126
1124
 
1127
- &.outline-mode {
1128
- #inspector-head {
1129
- .controls {
1130
- .outline-button {
1131
- .square-button.primary();
1132
- }
1125
+ &.outline-mode {
1126
+ #inspector-head {
1127
+ .controls {
1128
+ .outline-button {
1129
+ .square-button.primary();
1133
1130
  }
1134
1131
  }
1135
1132
  }
1133
+ }
1136
1134
 
1137
- &.summary-mode {
1138
- #inspector-head {
1139
- .controls {
1140
- .summary-button {
1141
- .square-button.primary();
1142
- }
1135
+ &.summary-mode {
1136
+ #inspector-head {
1137
+ .controls {
1138
+ .summary-button {
1139
+ .square-button.primary();
1143
1140
  }
1144
1141
  }
1145
1142
  }
1143
+ }
1146
1144
 
1147
- .powered-by {
1148
- .text-sm();
1149
-
1150
- text-align: center;
1151
- flex-shrink: 0;
1152
- background: var(--colour-bg);
1153
- width: 100%;
1154
- height: 3rem;
1155
- margin: 0;
1156
- box-sizing: border-box;
1157
- border-top: solid 0.1rem var(--colour-border-grey);
1158
- position: relative;
1145
+ .powered-by {
1146
+ .text-sm();
1159
1147
 
1160
- img {
1161
- box-sizing: border-box;
1162
- height: 3rem;
1163
- padding: 0.5rem;
1164
- }
1148
+ text-align: center;
1149
+ flex-shrink: 0;
1150
+ background: var(--colour-bg);
1151
+ width: 100%;
1152
+ height: 3rem;
1153
+ margin: 0;
1154
+ box-sizing: border-box;
1155
+ border-top: solid 0.1rem var(--colour-border-grey);
1156
+ position: relative;
1165
1157
 
1166
- .version {
1167
- position: absolute;
1168
- top: 0;
1169
- right: 5px;
1170
- font-size: small;
1171
- line-height: 3rem;
1172
- color: var(--colour-text-light);
1173
- }
1158
+ img {
1159
+ box-sizing: border-box;
1160
+ height: 3rem;
1161
+ padding: 0.5rem;
1174
1162
  }
1175
1163
 
1176
- &:not(.search-mode) .search-mode-only {
1177
- display: none;
1164
+ .version {
1165
+ position: absolute;
1166
+ top: 0;
1167
+ right: 5px;
1168
+ font-size: small;
1169
+ line-height: 3rem;
1170
+ color: var(--colour-text-light);
1178
1171
  }
1172
+ }
1179
1173
 
1180
- &:not(.outline-mode) .outline-mode-only {
1181
- display: none;
1182
- }
1174
+ &:not(.search-mode) .search-mode-only {
1175
+ display: none;
1176
+ }
1183
1177
 
1184
- &:not(.summary-mode) .summary-mode-only {
1185
- display: none;
1186
- }
1178
+ &:not(.outline-mode) .outline-mode-only {
1179
+ display: none;
1180
+ }
1187
1181
 
1188
- &.search-mode .fact-mode-only,
1189
- &.summary-mode .fact-mode-only,
1190
- &.outline-mode .fact-mode-only {
1191
- display: none;
1192
- }
1182
+ &:not(.summary-mode) .summary-mode-only {
1183
+ display: none;
1184
+ }
1185
+
1186
+ &.search-mode .fact-mode-only,
1187
+ &.summary-mode .fact-mode-only,
1188
+ &.outline-mode .fact-mode-only {
1189
+ display: none;
1190
+ }
1191
+
1192
+ &:not(.footnote-mode) .footnote-mode-only {
1193
+ display: none;
1194
+ }
1195
+
1196
+ &.footnote-mode .footnote-mode-off {
1197
+ display: none;
1198
+ }
1199
+
1200
+ .failed-to-load-mask {
1201
+ display: none;
1202
+ }
1193
1203
 
1194
- &:not(.footnote-mode) .footnote-mode-only {
1204
+ &.failed-to-load .failed-to-load-mask {
1205
+ display: block;
1206
+ background-color: var(--colour-bg-fade);
1207
+ position: absolute;
1208
+ width: 100%;
1209
+ height: 100%;
1210
+ }
1211
+
1212
+ &.search-ready {
1213
+ .search-not-ready-only {
1195
1214
  display: none;
1196
1215
  }
1216
+ }
1197
1217
 
1198
- &.footnote-mode .footnote-mode-off {
1218
+ &:not(.search-ready) {
1219
+ .search-ready-only {
1199
1220
  display: none;
1200
1221
  }
1201
1222
 
1202
- .failed-to-load-mask {
1203
- display: none;
1223
+ .search-results {
1224
+ background-color: rgb(0 0 0 / 50%);
1204
1225
  }
1226
+ }
1205
1227
 
1206
- &.failed-to-load .failed-to-load-mask {
1207
- display: block;
1208
- background-color: var(--colour-bg-fade);
1209
- position: absolute;
1228
+ table.property-table {
1229
+ &:not(.numeric) {
1230
+ table-layout: fixed;
1210
1231
  width: 100%;
1211
- height: 100%;
1212
1232
  }
1213
1233
 
1214
- &.search-ready {
1215
- .search-not-ready-only {
1216
- display: none;
1217
- }
1234
+ td, th {
1235
+ padding: 0;
1236
+ line-height: 2.6rem;
1218
1237
  }
1219
1238
 
1220
- &:not(.search-ready) {
1221
- .search-ready-only {
1222
- display: none;
1223
- }
1239
+ th {
1240
+ width: 90px;
1241
+ text-align: right;
1242
+ padding-right: 30px;
1243
+ color: var(--colour-text-title);
1224
1244
 
1225
- .search-results {
1226
- background-color: rgb(0 0 0 / 50%);
1245
+ &.has-tooltip {
1246
+ padding-right: 10px;
1227
1247
  }
1228
1248
  }
1229
1249
 
1230
- table.property-table {
1231
- &:not(.numeric) {
1232
- table-layout: fixed;
1233
- width: 100%;
1250
+ tr.value {
1251
+ .show-all {
1252
+ color: var(--colour-primary);
1253
+ cursor: pointer;
1234
1254
  }
1235
1255
 
1236
- td, th {
1237
- padding: 0;
1238
- line-height: 2.6rem;
1256
+ &:not(.truncated) .show-all {
1257
+ display: none;
1239
1258
  }
1240
1259
 
1241
- th {
1242
- width: 90px;
1243
- text-align: right;
1244
- padding-right: 30px;
1245
- color: var(--colour-text-title);
1260
+ &.text-block .expand-text-block {
1261
+ color: var(--colour-primary);
1262
+ cursor: pointer;
1246
1263
 
1247
- &.has-tooltip {
1248
- padding-right: 10px;
1264
+ &::before {
1265
+ .icon-text-block();
1249
1266
  }
1250
1267
  }
1268
+ }
1251
1269
 
1252
- tr.value {
1253
- .show-all {
1254
- color: var(--colour-primary);
1255
- cursor: pointer;
1256
- }
1270
+ td {
1271
+ overflow: clip visible;
1272
+ text-overflow: ellipsis;
1273
+ color: var(--colour-text-form-value);
1274
+ }
1257
1275
 
1258
- &:not(.truncated) .show-all {
1259
- display: none;
1260
- }
1276
+ tr.uri > td {
1277
+ white-space: nowrap;
1278
+ }
1261
1279
 
1262
- &.text-block .expand-text-block {
1263
- color: var(--colour-primary);
1264
- cursor: pointer;
1280
+ &.numeric td {
1281
+ text-align: right;
1282
+ }
1283
+ }
1284
+ }
1265
1285
 
1266
- &::before {
1267
- .icon-text-block();
1268
- }
1269
- }
1270
- }
1286
+ .fact-link {
1287
+ cursor: pointer;
1288
+ color: var(--colour-primary);
1271
1289
 
1272
- td {
1273
- overflow: clip visible;
1274
- text-overflow: ellipsis;
1275
- color: var(--colour-text-form-value);
1276
- }
1290
+ &:hover {
1291
+ outline: solid 0.125em var(--colour-linked-fact);
1292
+ outline-offset: 0.0625em;
1293
+ }
1294
+ }
1295
+
1296
+ .fact-list {
1297
+ .fact-list-item {
1298
+ .block-list-item();
1277
1299
 
1278
- tr.uri > td {
1279
- white-space: nowrap;
1300
+ .select-icon {
1301
+ float: right;
1302
+ .square-button();
1303
+ .clickable();
1304
+
1305
+ &:first-of-type {
1306
+ margin-left: 0.5rem;
1280
1307
  }
1281
1308
 
1282
- &.numeric td {
1283
- text-align: right;
1309
+ &::before {
1310
+ .icon-select();
1284
1311
  }
1285
1312
  }
1286
- }
1287
1313
 
1288
- .fact-link {
1289
- cursor: pointer;
1290
- color: var(--colour-primary);
1291
-
1292
- &:hover {
1293
- outline: solid 0.125em var(--colour-linked-fact);
1294
- outline-offset: 0.0625em;
1314
+ .title {
1315
+ color: var(--colour-text-title);
1316
+ font-weight: bold;
1295
1317
  }
1296
- }
1297
1318
 
1298
- .fact-list {
1299
- .fact-list-item {
1300
- .block-list-item();
1301
-
1302
- .select-icon {
1303
- float: right;
1304
- .square-button();
1305
- .clickable();
1319
+ .dimension {
1320
+ color: var(--colour-text);
1321
+ margin: 0.6rem 0;
1322
+ }
1306
1323
 
1307
- &:first-of-type {
1308
- margin-left: 0.5rem;
1309
- }
1324
+ .datatype {
1325
+ color: var(--colour-text);
1326
+ margin: 0.6rem 0;
1327
+ font-style: italic;
1328
+ }
1310
1329
 
1311
- &::before {
1312
- .icon-select();
1313
- }
1314
- }
1330
+ .hidden {
1331
+ .tag();
1332
+ }
1315
1333
 
1334
+ &.selected {
1316
1335
  .title {
1317
- color: var(--colour-text-title);
1318
1336
  font-weight: bold;
1319
1337
  }
1320
1338
 
1321
1339
  .dimension {
1322
1340
  color: var(--colour-text);
1323
- margin: 0.6rem 0;
1324
1341
  }
1342
+ }
1325
1343
 
1326
- .datatype {
1327
- color: var(--colour-text);
1328
- margin: 0.6rem 0;
1329
- font-style: italic;
1330
- }
1344
+ }
1345
+ }
1331
1346
 
1332
- .hidden {
1333
- .tag();
1334
- }
1335
1347
 
1336
- &.selected {
1337
- .title {
1338
- font-weight: bold;
1339
- }
1348
+ .dialog-mask {
1349
+ background-color: var(--colour-bg-fade);
1350
+ position: fixed;
1351
+ inset: 0;
1352
+ z-index: 10;
1353
+ display: none;
1354
+ }
1340
1355
 
1341
- .dimension {
1342
- color: var(--colour-text);
1343
- }
1344
- }
1356
+ .popup-content {
1357
+ display: none;
1358
+ }
1345
1359
 
1346
- }
1360
+ .copy-icon {
1361
+ color: var(--colour-primary);
1362
+ border-radius: 0.3rem;
1363
+
1364
+ &:active {
1365
+ background-color: var(--colour-primary);
1366
+ color: var(--colour-bg);
1347
1367
  }
1348
1368
 
1369
+ &::before {
1370
+ .icon-clipboard();
1349
1371
 
1350
- .dialog-mask {
1351
- background-color: var(--colour-bg-fade);
1352
- position: fixed;
1353
- inset: 0;
1354
- z-index: 10;
1355
- display: none;
1372
+ cursor: pointer;
1356
1373
  }
1374
+ }
1357
1375
 
1358
- .popup-content {
1359
- display: none;
1376
+ .has-tooltip {
1377
+ white-space: nowrap;
1378
+
1379
+ & > * {
1380
+ vertical-align: middle;
1360
1381
  }
1361
1382
 
1362
- .copy-icon {
1363
- color: var(--colour-primary);
1364
- border-radius: 0.3rem;
1365
-
1366
- &:active {
1367
- background-color: var(--colour-primary);
1368
- color: var(--colour-bg);
1369
- }
1383
+ .tooltip-icon {
1384
+ .inline-button();
1370
1385
 
1371
- &::before {
1372
- .icon-clipboard();
1386
+ cursor: help;
1387
+ margin-left: -0.3rem;
1388
+ vertical-align: middle;
1373
1389
 
1374
- cursor: pointer;
1390
+ &::after {
1391
+ content: "\24d8";
1375
1392
  }
1376
1393
  }
1377
1394
 
1378
- .has-tooltip {
1379
- white-space: nowrap;
1380
-
1381
- & > * {
1382
- vertical-align: middle;
1383
- }
1384
-
1385
- .tooltip-icon {
1386
- .inline-button();
1387
-
1388
- cursor: help;
1389
- margin-left: -0.3rem;
1390
- vertical-align: middle;
1391
-
1392
- &::after {
1393
- content: "\24d8";
1394
- }
1395
- }
1396
-
1397
- button + .tooltip-icon {
1398
- margin-left: -1rem;
1399
- }
1395
+ button + .tooltip-icon {
1396
+ margin-left: -1rem;
1400
1397
  }
1398
+ }
1401
1399
 
1402
- .tooltip {
1403
- position: fixed;
1404
- visibility: hidden;
1405
- transition: all 0.5s ease;
1406
- background-color: var(--colour-bg);
1407
- z-index: 1;
1408
- border: solid 0.1rem var(--colour-border-grey);
1409
- border-radius: 0.4rem;
1410
- padding: 0.8rem;
1411
- box-shadow: rgb(0 0 0 / 30%) 0.2rem 0.2rem 0.2rem;
1412
- font-weight: normal;
1413
- opacity: 0;
1414
- cursor: default;
1415
- color: var(--colour-text);
1416
- text-align: left;
1417
-
1418
- &.show,
1419
- &.hover-show {
1420
- visibility: visible;
1421
- opacity: 1;
1422
- transition: opacity 0.5s ease;
1423
- }
1400
+ .tooltip {
1401
+ position: fixed;
1402
+ visibility: hidden;
1403
+ transition: all 0.5s ease;
1404
+ background-color: var(--colour-bg);
1405
+ z-index: 1;
1406
+ border: solid 0.1rem var(--colour-border-grey);
1407
+ border-radius: 0.4rem;
1408
+ padding: 0.8rem;
1409
+ box-shadow: rgb(0 0 0 / 30%) 0.2rem 0.2rem 0.2rem;
1410
+ font-weight: normal;
1411
+ opacity: 0;
1412
+ cursor: default;
1413
+ color: var(--colour-text);
1414
+ text-align: left;
1415
+
1416
+ &.show,
1417
+ &.hover-show {
1418
+ visibility: visible;
1419
+ opacity: 1;
1420
+ transition: opacity 0.5s ease;
1421
+ }
1424
1422
 
1425
- &.with-glossary-link .glossary-link {
1426
- display: block;
1427
- }
1423
+ &.with-glossary-link .glossary-link {
1424
+ display: block;
1425
+ }
1428
1426
 
1429
- .glossary-link {
1430
- margin-top: 0.8rem;
1431
- font-size: smaller;
1432
- display: none;
1433
- }
1427
+ .glossary-link {
1428
+ margin-top: 0.8rem;
1429
+ font-size: smaller;
1430
+ display: none;
1434
1431
  }
1432
+ }
1435
1433
 
1436
- .fact-value {
1437
- &.fact-value-invalid {
1438
- font-style: italic;
1439
- color: #f00;
1440
- }
1434
+ .fact-value {
1435
+ &.fact-value-invalid {
1436
+ font-style: italic;
1437
+ color: #f00;
1438
+ }
1441
1439
 
1442
- &.fact-value-nil {
1443
- font-style: italic;
1444
- }
1440
+ &.fact-value-nil {
1441
+ font-style: italic;
1442
+ }
1445
1443
 
1446
- .measure {
1447
- border-bottom: 1px dotted @colour-text-form-value;
1448
- cursor: help;
1449
- }
1444
+ .measure {
1445
+ border-bottom: 1px dotted @colour-text-form-value;
1446
+ cursor: help;
1450
1447
  }
1451
1448
  }