Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Commit 61f443c

Browse filesBrowse files
javiereguiluzfabpot
authored andcommitted
[WebProfilerBundle] Fix the usage of web fonts
1 parent ebb2593 commit 61f443c
Copy full SHA for 61f443c

File tree

2 files changed

+33
-22
lines changed
Filter options

2 files changed

+33
-22
lines changed

‎src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/fonts.css.twig

Copy file name to clipboardExpand all lines: src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/fonts.css.twig
+8-3Lines changed: 8 additions & 3 deletions
Large diffs are not rendered by default.

‎src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/profiler.css.twig

Copy file name to clipboardExpand all lines: src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/profiler.css.twig
+25-19Lines changed: 25 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,10 @@ button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=
77

88
:root {
99
--font-family-system: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
10-
--font-family-monospace: "Ubuntu Mono", "JetBrains Mono", ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas,"Liberation Mono", "Courier New", monospace;
11-
10+
--font-family-monospace: "JetBrains Mono", ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas,"Liberation Mono", "Courier New", monospace;
11+
--font-size-body: 14px;
12+
--font-size-monospace: 13px;
13+
--font-variant-ligatures-monospace: none;
1214
--summary-status-border-width: 6px;
1315

1416
--white: #fff;
@@ -353,7 +355,7 @@ body {
353355
background-size: 15px 15px;
354356
color: var(--page-color);
355357
font-family: var(--font-family-system);
356-
font-size: 14px;
358+
font-size: var(--font-size-body);
357359
line-height: 1.4;
358360
}
359361

@@ -438,7 +440,8 @@ abbr {
438440

439441
code, pre {
440442
font-family: var(--font-family-monospace);
441-
font-size: 14px;
443+
font-size: var(--font-size-monospace);
444+
font-variant-ligatures: var(--font-variant-ligatures-monospace);
442445
}
443446
h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
444447
color: inherit;
@@ -486,7 +489,7 @@ input[type="radio"], input[type="checkbox"] {
486489
color: var(--button-color);
487490
cursor: pointer;
488491
display: inline-block;
489-
font-size: 14px;
492+
font-size: var(--font-size-body);
490493
font-weight: 500;
491494
line-height: 20px;
492495
padding: 5px 15px;
@@ -570,10 +573,12 @@ table tbody td {
570573
border: 1px solid var(--table-border-color);
571574
border-width: 1px 0;
572575
font-family: var(--font-family-monospace);
576+
font-size: var(--font-size-monospace);
577+
font-variant-ligatures: var(--font-variant-ligatures-monospace);
573578
}
574579
table tbody th.font-normal,
575580
table tbody td.font-normal {
576-
font-size: 13px;
581+
font-size: var(--font-size-body);
577582
}
578583
table tbody tr:last-of-type th,
579584
table tbody tr:last-of-type td {
@@ -641,11 +646,11 @@ table tbody td.num-col {
641646
}
642647
.font-normal {
643648
font-family: var(--font-family-system);
644-
font-size: 14px;
649+
font-size: var(--font-size-body);
645650
}
646651
.help {
647652
color: var(--color-muted);
648-
font-size: 14px;
653+
font-size: var(--font-size-body);
649654
margin: .5em 0;
650655
}
651656
.empty {
@@ -662,7 +667,7 @@ table tbody td.num-col {
662667
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23737373' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
663668
}
664669
.empty p {
665-
font-size: 14px;
670+
font-size: var(--font-size-body);
666671
max-width: 60ch;
667672
margin-left: auto;
668673
margin-right: auto;
@@ -1391,7 +1396,7 @@ tr.status-warning td {
13911396
}
13921397
#menu-profiler li a .label strong {
13931398
flex: 1;
1394-
font-size: 14px;
1399+
font-size: var(--font-size-body);
13951400
font-weight: 500;
13961401
}
13971402
#menu-profiler li a .label.disabled {
@@ -1671,7 +1676,7 @@ tr.status-warning td {
16711676
{# Twig panel
16721677
========================================================================= #}
16731678
#twig-dump pre {
1674-
font-size: 14px;
1679+
font-size: var(--font-size-monospace);
16751680
line-height: 1.7;
16761681
background-color: var(--base-0);
16771682
border: var(--border);
@@ -1995,7 +2000,7 @@ tr.log-status-silenced > td:first-child:before {
19952000
.mailer-transport-information {
19962001
border-bottom: 1px solid var(--form-input-border-color);
19972002
padding-bottom: 5px;
1998-
font-size: 14px;
2003+
font-size: var(--font-size-body);
19992004
margin: 5px 0 10px 5px;
20002005
}
20012006
.mailer-transport-information .badge {
@@ -2011,7 +2016,7 @@ tr.log-status-silenced > td:first-child:before {
20112016
margin-bottom: 10px;
20122017
}
20132018
.mailer-message-headers p {
2014-
font-size: 14px;
2019+
font-size: var(--font-size-body);
20152020
margin: 2px 5px;
20162021
}
20172022
.mailer-message-header-secondary {
@@ -2020,7 +2025,7 @@ tr.log-status-silenced > td:first-child:before {
20202025
.mailer-message-attachments-title {
20212026
align-items: center;
20222027
display: flex;
2023-
font-size: 14px;
2028+
font-size: var(--font-size-body);
20242029
font-weight: 600;
20252030
margin-bottom: 10px;
20262031
}
@@ -2201,7 +2206,8 @@ pre.sf-dump, pre.sf-dump .sf-dump-default {
22012206
#collector-content .sf-dump code,
22022207
#collector-content .sf-dump samp {
22032208
font-family: var(--font-family-monospace);
2204-
font-size: 13px;
2209+
font-size: var(--font-size-monospace);
2210+
font-variant-ligatures: var(--font-variant-ligatures-monospace);
22052211
}
22062212
#collector-content .sf-dump a {
22072213
cursor: pointer;
@@ -2229,7 +2235,7 @@ pre.sf-dump, pre.sf-dump .sf-dump-default {
22292235
#collector-content .dump-inline .sf-dump {
22302236
display: inline;
22312237
white-space: normal;
2232-
font-size: 14px;
2238+
font-size: var(--font-size-monospace);
22332239
line-height: inherit;
22342240
}
22352241
#collector-content .dump-inline .sf-dump:after {
@@ -2247,7 +2253,7 @@ pre.sf-dump, pre.sf-dump .sf-dump-default {
22472253
{# Forms panel
22482254
========================================================================= #}
22492255
.form-type-class {
2250-
font-size: 14px;
2256+
font-size: var(--font-size-body);
22512257
display: flex;
22522258
margin: 0 0 15px;
22532259
}
@@ -2256,7 +2262,7 @@ pre.sf-dump, pre.sf-dump .sf-dump-default {
22562262
}
22572263
.form-type-class pre.sf-dump {
22582264
font-family: var(--font-family-system) !important;
2259-
font-size: 14px !important;
2265+
font-size: var(--font-size-body) !important;
22602266
margin-left: 5px;
22612267
}
22622268
.form-type-class .sf-dump .sf-dump-str {
@@ -2407,7 +2413,7 @@ body.width-full .container {
24072413
{# VarDumper dumps
24082414
========================================================================= #}
24092415
#collector-content pre.sf-dump, #collector-content .sf-dump code, #collector-content .sf-dump samp {
2410-
font-size: 14px;
2416+
font-size: var(--font-size-monospace);
24112417
font-weight: normal;
24122418
}
24132419

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.