Skip to content

Commit 4995c40

Browse files
committed
Zoom in firefox. Fixes #33
1 parent 513c68b commit 4995c40

24 files changed

+129
-105
lines changed

dest/devtools/panel.html

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,14 @@
66
<style>
77
html {
88
height: 100%;
9+
font-size: 11px;
910
}
1011

1112
body {
1213
display: flex;
1314
margin: 0;
1415
height: 100%;
1516
color: rgb(74, 74, 79);
16-
font-size: 11px;
1717
font-family: monospace;
1818
}
1919

@@ -53,12 +53,12 @@
5353

5454
[data-tooltip]::after {
5555
position: absolute;
56-
bottom: -2px;
56+
bottom: -0.182rem /* -2px */;
5757
left: 0;
5858
z-index: 1;
5959
display: block;
60-
padding: 6px 16px;
61-
border-radius: 5px;
60+
padding: 0.545rem /* 6px */ 1.455rem /* 16px */;
61+
border-radius: 0.455rem /* 5px */;
6262
background-color: rgb(48, 64, 81);
6363
color: white;
6464
content: attr(data-tooltip);
@@ -71,14 +71,14 @@
7171

7272
[data-tooltip]::before {
7373
position: absolute;
74-
bottom: -2px;
75-
left: 30px;
74+
bottom: -0.182rem /* -2px */;
75+
left: 2.727rem /* 30px */;
7676
display: block;
7777
width: 0;
7878
height: 0;
79-
border-right: 5px solid transparent;
80-
border-bottom: 5px solid rgb(48, 64, 81);
81-
border-left: 5px solid transparent;
79+
border-right: 0.455rem /* 5px */ solid transparent;
80+
border-bottom: 0.455rem /* 5px */ solid rgb(48, 64, 81);
81+
border-left: 0.455rem /* 5px */ solid transparent;
8282
content: '';
8383
opacity: 0;
8484
transition: opacity 0.2s;

src/App.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
ul {
2424
overflow: auto;
2525
flex-grow: 1;
26-
padding-top: 8px;
26+
padding-top: 0.6667rem; /* 8px */
2727
}
2828
2929
.root div {

src/Breadcrumbs.svelte

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -33,14 +33,14 @@
3333
ul {
3434
display: flex;
3535
align-items: center;
36-
height: 22px;
36+
height: 1.833rem; /* 22px */
3737
border-top: 1px solid rgb(224, 224, 226);
3838
}
3939
4040
li {
4141
display: flex;
4242
align-items: center;
43-
padding-left: 10px;
43+
padding-left: 0.8333rem; /* 10px */
4444
cursor: pointer;
4545
}
4646
@@ -53,7 +53,7 @@
5353
}
5454
5555
li:last-child {
56-
padding-right: 10px;
56+
padding-right: 0.8333rem; /* 10px */
5757
}
5858
5959
li:last-child div {
@@ -62,24 +62,24 @@
6262
6363
div {
6464
position: relative;
65-
margin-left: 10px;
65+
margin-left: 0.8333rem; /* 10px */
6666
width: 0;
6767
height: 0;
68-
border-top: 3.5px solid transparent;
69-
border-bottom: 3.5px solid transparent;
70-
border-left: 5px solid #8e8eb2;
68+
border-top: 0.25rem solid transparent; /* 3.5px */
69+
border-bottom: 0.25rem solid transparent; /* 3.5px */
70+
border-left: 0.4167rem solid #8e8eb2; /* 5px */
7171
}
7272
7373
div::after {
7474
position: absolute;
75-
top: -3.5px;
76-
left: -5px;
75+
top: -0.25rem; /* -3.5px */
76+
left: -0.4167rem; /* -5px */
7777
display: block;
7878
width: 0;
7979
height: 0;
80-
border-top: 3.5px solid transparent;
81-
border-bottom: 3.5px solid transparent;
82-
border-left: 2px solid #ffffff;
80+
border-top: 0.25rem solid transparent; /* 3.5px */
81+
border-bottom: 0.25rem solid transparent; /* 3.5px */
82+
border-left: 0.1667rem solid #ffffff; /* 2px */
8383
content: '';
8484
}
8585

src/ConnectMessage.svelte

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,18 +20,18 @@
2020
}
2121
2222
h1 {
23-
margin-top: 30px;
24-
margin-bottom: 8px;
23+
margin-top: 2.727rem /* 30px */;
24+
margin-bottom: 0.727rem /* 8px */;
2525
font-size: 1.4em;
2626
}
2727
2828
ul {
29-
padding-left: 20px;
29+
padding-left: 1.818rem /* 20px */;
3030
list-style-type: disc;
3131
}
3232
3333
li {
34-
margin-bottom: 8px;
34+
margin-bottom: 0.727rem /* 8px */;
3535
}
3636
3737
:global(.dark) .button {

src/nodes/Block.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@
1212

1313
<style>
1414
div {
15-
height: 16px;
16-
line-height: 16px;
15+
height: 1.455rem /* 16px */;
16+
line-height: 1.455rem /* 16px */;
1717
}
1818
1919
div {

src/nodes/Collapse.svelte

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -10,31 +10,31 @@
1010
position: relative;
1111
display: inline-block;
1212
align-self: stretch;
13-
width: 15px;
13+
width: 1.364rem /* 15px */;
1414
vertical-align: bottom;
1515
cursor: pointer;
1616
}
1717
1818
span::after {
1919
position: absolute;
20-
bottom: 4px;
21-
left: 4px;
20+
bottom: 0.364rem /* 4px */;
21+
left: 0.364rem /* 4px */;
2222
width: 0;
2323
height: 0;
24-
border-top: 5px solid rgba(135, 135, 137, 0.9);
25-
border-right: 4px solid transparent;
26-
border-left: 4px solid transparent;
24+
border-top: 0.455rem /* 5px */ solid rgba(135, 135, 137, 0.9);
25+
border-right: 0.364rem /* 4px */ solid transparent;
26+
border-left: 0.364rem /* 4px */ solid transparent;
2727
content: '';
2828
transition: transform 0.3s;
2929
transform: rotate(0deg);
3030
}
3131
3232
:global(.node-tree) span::after {
33-
bottom: 5px;
33+
bottom: 0.455rem /* 5px */;
3434
}
3535
3636
:global(.chrome .node-tree) span::after {
37-
bottom: 6px;
37+
bottom: 0.545rem /* 6px */;
3838
}
3939
4040
span.selected::after {

src/nodes/Element.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@
5151

5252
<style>
5353
div {
54-
line-height: 16px;
54+
line-height: 1.455rem /* 16px */;
5555
}
5656
5757
.tag-name {

src/nodes/ElementAttributes.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
.attr-value {
1515
display: inline-block;
1616
overflow: hidden;
17-
max-width: 200px;
17+
max-width: 18.182rem /* 200px */;
1818
color: rgb(0, 62, 170);
1919
vertical-align: bottom;
2020
text-overflow: ellipsis;

src/nodes/Iteration.svelte

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66

77
<style>
88
div {
9-
height: 16px;
10-
line-height: 16px;
9+
height: 1.455rem /* 16px */;
10+
line-height: 1.455rem /* 16px */;
1111
}
1212
1313
div {

src/nodes/Node.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
top: 1.6em;
4949
bottom: 1.6em;
5050
z-index: 1;
51-
width: 2px;
51+
width: 0.182rem /* 2px */;
5252
background-color: #e0e0e2;
5353
}
5454

0 commit comments

Comments
 (0)