Spaces:
Runtime error
Runtime error
Michelle Lam
commited on
Commit
·
c302134
1
Parent(s):
3d7ab10
Resizes UI elements for default zoom level
Browse files
indie_label_svelte/public/global.css
CHANGED
@@ -2,6 +2,7 @@ html, body {
|
|
2 |
position: relative;
|
3 |
width: 100%;
|
4 |
height: 100%;
|
|
|
5 |
}
|
6 |
|
7 |
* {
|
@@ -88,13 +89,13 @@ h3 {
|
|
88 |
}
|
89 |
h5 {
|
90 |
color: rgb(80, 80, 80);
|
91 |
-
font-size:
|
92 |
}
|
93 |
h6 {
|
94 |
margin-top: 50px;
|
95 |
margin-bottom: 20px;
|
96 |
text-transform: uppercase;
|
97 |
-
font-size:
|
98 |
}
|
99 |
|
100 |
.head_3 {
|
@@ -107,7 +108,7 @@ h6 {
|
|
107 |
|
108 |
.head_5 {
|
109 |
color: rgb(80, 80, 80);
|
110 |
-
font-size:
|
111 |
font-weight: bold;
|
112 |
margin-top: 25px;
|
113 |
margin-bottom: 25px;
|
@@ -117,7 +118,7 @@ h6 {
|
|
117 |
color: rgb(80, 80, 80);
|
118 |
text-transform: uppercase;
|
119 |
font-weight: bold;
|
120 |
-
font-size:
|
121 |
margin-top: 25px;
|
122 |
margin-bottom: 25px;
|
123 |
}
|
@@ -125,7 +126,7 @@ h6 {
|
|
125 |
.head_6_non_cap {
|
126 |
color: rgb(80, 80, 80);
|
127 |
font-weight: bold;
|
128 |
-
font-size:
|
129 |
margin-top: 25px;
|
130 |
margin-bottom: 25px;
|
131 |
}
|
@@ -234,6 +235,10 @@ table {
|
|
234 |
overflow-y: scroll;
|
235 |
}
|
236 |
|
|
|
|
|
|
|
|
|
237 |
.tab_header {
|
238 |
position: fixed;
|
239 |
background-color: #e3d6fd;
|
@@ -242,6 +247,11 @@ table {
|
|
242 |
/* border-bottom: 1px solid grey; */
|
243 |
}
|
244 |
|
|
|
|
|
|
|
|
|
|
|
245 |
.label_table {
|
246 |
height: 750px;
|
247 |
overflow-y: scroll;
|
@@ -279,6 +289,7 @@ table {
|
|
279 |
|
280 |
.audit_section {
|
281 |
padding-top: 40px;
|
|
|
282 |
}
|
283 |
|
284 |
.comment_table_small {
|
|
|
2 |
position: relative;
|
3 |
width: 100%;
|
4 |
height: 100%;
|
5 |
+
font-size: 12px;
|
6 |
}
|
7 |
|
8 |
* {
|
|
|
89 |
}
|
90 |
h5 {
|
91 |
color: rgb(80, 80, 80);
|
92 |
+
font-size: 20px;
|
93 |
}
|
94 |
h6 {
|
95 |
margin-top: 50px;
|
96 |
margin-bottom: 20px;
|
97 |
text-transform: uppercase;
|
98 |
+
font-size: 16px;
|
99 |
}
|
100 |
|
101 |
.head_3 {
|
|
|
108 |
|
109 |
.head_5 {
|
110 |
color: rgb(80, 80, 80);
|
111 |
+
font-size: 20px;
|
112 |
font-weight: bold;
|
113 |
margin-top: 25px;
|
114 |
margin-bottom: 25px;
|
|
|
118 |
color: rgb(80, 80, 80);
|
119 |
text-transform: uppercase;
|
120 |
font-weight: bold;
|
121 |
+
font-size: 16px;
|
122 |
margin-top: 25px;
|
123 |
margin-bottom: 25px;
|
124 |
}
|
|
|
126 |
.head_6_non_cap {
|
127 |
color: rgb(80, 80, 80);
|
128 |
font-weight: bold;
|
129 |
+
font-size: 16px;
|
130 |
margin-top: 25px;
|
131 |
margin-bottom: 25px;
|
132 |
}
|
|
|
235 |
overflow-y: scroll;
|
236 |
}
|
237 |
|
238 |
+
.page_header {
|
239 |
+
height: 64px !important;
|
240 |
+
}
|
241 |
+
|
242 |
.tab_header {
|
243 |
position: fixed;
|
244 |
background-color: #e3d6fd;
|
|
|
247 |
/* border-bottom: 1px solid grey; */
|
248 |
}
|
249 |
|
250 |
+
.tab_header span {
|
251 |
+
font-size: 14px;
|
252 |
+
line-height: normal !important;
|
253 |
+
}
|
254 |
+
|
255 |
.label_table {
|
256 |
height: 750px;
|
257 |
overflow-y: scroll;
|
|
|
289 |
|
290 |
.audit_section {
|
291 |
padding-top: 40px;
|
292 |
+
width: 100%;
|
293 |
}
|
294 |
|
295 |
.comment_table_small {
|
indie_label_svelte/src/Auditing.svelte
CHANGED
@@ -425,7 +425,7 @@
|
|
425 |
clusters={clusters}
|
426 |
model={personalized_model}
|
427 |
data={cluster_results}
|
428 |
-
table_width_pct={
|
429 |
table_id={"main"}
|
430 |
use_model={use_model}
|
431 |
bind:evidence={evidence}
|
|
|
425 |
clusters={clusters}
|
426 |
model={personalized_model}
|
427 |
data={cluster_results}
|
428 |
+
table_width_pct={100}
|
429 |
table_id={"main"}
|
430 |
use_model={use_model}
|
431 |
bind:evidence={evidence}
|
indie_label_svelte/src/ClusterResults.svelte
CHANGED
@@ -35,6 +35,7 @@
|
|
35 |
export let evidence;
|
36 |
export let table_id;
|
37 |
export let use_model = true;
|
|
|
38 |
|
39 |
let N_COMMENTS = 500;
|
40 |
let show_num_ratings = false;
|
@@ -323,8 +324,10 @@
|
|
323 |
<Cell>Potential toxicity<br>categories</Cell>
|
324 |
{/if}
|
325 |
{/if}
|
326 |
-
|
|
|
327 |
<Cell>Do you agree<br>with the system?</Cell>
|
|
|
328 |
|
329 |
{#if !show_checkboxes}
|
330 |
<Cell>Remove</Cell>
|
@@ -396,7 +399,8 @@
|
|
396 |
</Cell>
|
397 |
{/if}
|
398 |
{/if}
|
399 |
-
|
|
|
400 |
<Cell>
|
401 |
<div>
|
402 |
<FormField>
|
@@ -417,6 +421,7 @@
|
|
417 |
</FormField>
|
418 |
</div>
|
419 |
</Cell>
|
|
|
420 |
|
421 |
{#if !show_checkboxes}
|
422 |
<Cell>
|
|
|
35 |
export let evidence;
|
36 |
export let table_id;
|
37 |
export let use_model = true;
|
38 |
+
export let show_agree_disagree = false;
|
39 |
|
40 |
let N_COMMENTS = 500;
|
41 |
let show_num_ratings = false;
|
|
|
324 |
<Cell>Potential toxicity<br>categories</Cell>
|
325 |
{/if}
|
326 |
{/if}
|
327 |
+
|
328 |
+
{#if show_agree_disagree}
|
329 |
<Cell>Do you agree<br>with the system?</Cell>
|
330 |
+
{/if}
|
331 |
|
332 |
{#if !show_checkboxes}
|
333 |
<Cell>Remove</Cell>
|
|
|
399 |
</Cell>
|
400 |
{/if}
|
401 |
{/if}
|
402 |
+
|
403 |
+
{#if show_agree_disagree}
|
404 |
<Cell>
|
405 |
<div>
|
406 |
<FormField>
|
|
|
421 |
</FormField>
|
422 |
</div>
|
423 |
</Cell>
|
424 |
+
{/if}
|
425 |
|
426 |
{#if !show_checkboxes}
|
427 |
<Cell>
|
indie_label_svelte/src/HypothesisPanel.svelte
CHANGED
@@ -230,7 +230,7 @@
|
|
230 |
<div class="panel_header_content">
|
231 |
<div class="page_header">
|
232 |
<!-- <span class="page_title">IndieLabel</span> -->
|
233 |
-
<img src="/logo.png" style="height:
|
234 |
<Button on:click={() => (user_dialog_open = true)} class="user_button" color="secondary" style="margin: 12px 10px;" >
|
235 |
<Label>User: {cur_user}</Label>
|
236 |
</Button>
|
|
|
230 |
<div class="panel_header_content">
|
231 |
<div class="page_header">
|
232 |
<!-- <span class="page_title">IndieLabel</span> -->
|
233 |
+
<img src="/logo.png" style="height: 50px; padding: 0px 20px;" alt="IndieLabel" />
|
234 |
<Button on:click={() => (user_dialog_open = true)} class="user_button" color="secondary" style="margin: 12px 10px;" >
|
235 |
<Label>User: {cur_user}</Label>
|
236 |
</Button>
|