Skip to content

Commit 9a3e9e3

Browse files
guguclaude
andcommitted
fix(frontend): ensure foreign key widget inherits IBM Plex Mono font
Add font-family: inherit to the foreign key button so it picks up IBM Plex Mono from the parent table instead of the browser default. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 86be681 commit 9a3e9e3

1 file changed

Lines changed: 26 additions & 25 deletions

File tree

frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.css

Lines changed: 26 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,37 @@
11
.foreign-key-button {
2-
background: transparent;
3-
border: 1px solid transparent;
4-
border-radius: 12px;
5-
color: var(--color-accentedPalette-500);
6-
cursor: pointer;
7-
font-size: inherit;
8-
padding: 2px 8px;
9-
overflow: hidden;
10-
text-overflow: ellipsis;
11-
text-align: left;
12-
max-width: 100%;
13-
transition: background 100ms, border-color 100ms;
2+
background: transparent;
3+
border: 1px solid transparent;
4+
border-radius: 12px;
5+
color: var(--color-accentedPalette-500);
6+
cursor: pointer;
7+
font-family: inherit;
8+
font-size: inherit;
9+
padding: 2px 8px;
10+
overflow: hidden;
11+
text-overflow: ellipsis;
12+
text-align: left;
13+
max-width: 100%;
14+
transition:
15+
background 100ms,
16+
border-color 100ms;
1417
}
1518

1619
@media (prefers-color-scheme: dark) {
17-
.foreign-key-button:hover{
18-
background-color: var(--color-accentedPalette-900);
19-
border: 1px solid var(--color-accentedPalette-700);
20-
}
20+
.foreign-key-button:hover {
21+
background-color: var(--color-accentedPalette-900);
22+
border: 1px solid var(--color-accentedPalette-700);
23+
}
2124
}
2225

2326
@media (prefers-color-scheme: light) {
24-
.foreign-key-button:hover{
25-
background-color: var(--color-accentedPalette-100);
26-
border: 1px solid var(--color-accentedPalette-300);
27-
}
27+
.foreign-key-button:hover {
28+
background-color: var(--color-accentedPalette-100);
29+
border: 1px solid var(--color-accentedPalette-300);
30+
}
2831
}
2932

3033
.foreign-key-button_selected {
31-
background-color: var(--color-accentedPalette-100);
32-
border-radius: 12px;
33-
border: 1px solid var(--color-accentedPalette-300);
34+
background-color: var(--color-accentedPalette-100);
35+
border-radius: 12px;
36+
border: 1px solid var(--color-accentedPalette-300);
3437
}
35-
36-

0 commit comments

Comments
 (0)