Skip to content

Commit 57d7a59

Browse files
huozhihuozhi
committed
fix: increase padding
1 parent d02086a commit 57d7a59

File tree

4 files changed

+25
-37
lines changed

4 files changed

+25
-37
lines changed

‎src/code/code.test.tsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ describe('Code', () => {
8686
color: var(--codice-code-line-number-color);
8787
}
8888
:scope[data-codice-line-numbers="false"] .sh__line {
89-
padding-left: calc(var(--codice-code-padding) * 0.5);
89+
padding-left: var(--codice-code-padding);
9090
}
9191
9292
:scope[data-codice-code] {
@@ -182,7 +182,7 @@ describe('Code', () => {
182182
color: var(--codice-code-line-number-color);
183183
}
184184
:scope[data-codice-line-numbers="false"] .sh__line {
185-
padding-left: calc(var(--codice-code-padding) * 0.5);
185+
padding-left: var(--codice-code-padding);
186186
}
187187
188188
:scope[data-codice-code] {
@@ -315,7 +315,7 @@ describe('Code', () => {
315315
color: var(--codice-code-line-number-color);
316316
}
317317
:scope[data-codice-line-numbers="false"] .sh__line {
318-
padding-left: calc(var(--codice-code-padding) * 0.5);
318+
padding-left: var(--codice-code-padding);
319319
}
320320
321321
:scope[data-codice-code] {
@@ -448,7 +448,7 @@ describe('Code', () => {
448448
color: var(--codice-code-line-number-color);
449449
}
450450
:scope[data-codice-line-numbers="false"] .sh__line {
451-
padding-left: calc(var(--codice-code-padding) * 0.5);
451+
padding-left: var(--codice-code-padding);
452452
}
453453
454454
:scope[data-codice-code] {
@@ -542,7 +542,7 @@ describe('Code', () => {
542542
color: var(--codice-code-line-number-color);
543543
}
544544
:scope[data-codice-line-numbers="false"] .sh__line {
545-
padding-left: calc(var(--codice-code-padding) * 0.5);
545+
padding-left: var(--codice-code-padding);
546546
}
547547
548548
:scope[data-codice-code] {

‎src/code/css.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@ ${L} [data-codice-code-line-number] {
9090
color: var(--codice-code-line-number-color);
9191
}
9292
${FL} .sh__line {
93-
padding-left: calc(var(--codice-code-padding) * 0.5);
93+
padding-left: var(--codice-code-padding);
9494
}
9595
`
9696

‎src/editor/css.ts

+4-7
Original file line numberDiff line numberDiff line change
@@ -18,12 +18,6 @@ ${R} {
1818
${R} textarea {
1919
padding: calc(var(--codice-code-padding) * 0.75) calc(var(--codice-code-padding) * 0.5);
2020
}
21-
${R} [data-codice-code] {
22-
padding: calc(var(--codice-code-padding) / 2);
23-
}
24-
${R}[data-codice-line-numbers="false"] textarea {
25-
padding-left: var(--codice-code-padding);
26-
}
2721
${R} code,
2822
${R} textarea {
2923
font-family: var(--codice-font-family);
@@ -64,7 +58,10 @@ ${R} textarea {
6458
overflow: hidden;
6559
}
6660
${R}[data-codice-line-numbers="true"] textarea {
67-
padding-left: calc(var(--codice-code-line-number-width) + calc(var(--codice-code-padding) / 2) + 2px);
61+
padding-left: calc(var(--codice-code-line-number-width) + 2px);
62+
}
63+
${R}[data-codice-line-numbers="false"] textarea {
64+
padding-left: var(--codice-code-padding);
6865
}
6966
`
7067
// line number padding-left is [[width 24px] margin-right 16px] + 15px

‎src/editor/editor.test.tsx

+15-24
Original file line numberDiff line numberDiff line change
@@ -25,12 +25,6 @@ describe('Code', () => {
2525
:scope[data-codice-editor] textarea {
2626
padding: calc(var(--codice-code-padding) * 0.75) calc(var(--codice-code-padding) * 0.5);
2727
}
28-
:scope[data-codice-editor] [data-codice-code] {
29-
padding: calc(var(--codice-code-padding) / 2);
30-
}
31-
:scope[data-codice-editor][data-codice-line-numbers="false"] textarea {
32-
padding-left: var(--codice-code-padding);
33-
}
3428
:scope[data-codice-editor] code,
3529
:scope[data-codice-editor] textarea {
3630
font-family: var(--codice-font-family);
@@ -71,7 +65,10 @@ describe('Code', () => {
7165
overflow: hidden;
7266
}
7367
:scope[data-codice-editor][data-codice-line-numbers="true"] textarea {
74-
padding-left: calc(var(--codice-code-line-number-width) + calc(var(--codice-code-padding) / 2) + 2px);
68+
padding-left: calc(var(--codice-code-line-number-width) + 2px);
69+
}
70+
:scope[data-codice-editor][data-codice-line-numbers="false"] textarea {
71+
padding-left: var(--codice-code-padding);
7572
}
7673
7774
:scope[data-codice-editor] {
@@ -198,7 +195,7 @@ describe('Code', () => {
198195
color: var(--codice-code-line-number-color);
199196
}
200197
:scope[data-codice-line-numbers="false"] .sh__line {
201-
padding-left: calc(var(--codice-code-padding) * 0.5);
198+
padding-left: var(--codice-code-padding);
202199
}
203200
204201
:scope[data-codice-code] {
@@ -233,12 +230,6 @@ describe('Code', () => {
233230
:scope[data-codice-editor] textarea {
234231
padding: calc(var(--codice-code-padding) * 0.75) calc(var(--codice-code-padding) * 0.5);
235232
}
236-
:scope[data-codice-editor] [data-codice-code] {
237-
padding: calc(var(--codice-code-padding) / 2);
238-
}
239-
:scope[data-codice-editor][data-codice-line-numbers="false"] textarea {
240-
padding-left: var(--codice-code-padding);
241-
}
242233
:scope[data-codice-editor] code,
243234
:scope[data-codice-editor] textarea {
244235
font-family: var(--codice-font-family);
@@ -279,7 +270,10 @@ describe('Code', () => {
279270
overflow: hidden;
280271
}
281272
:scope[data-codice-editor][data-codice-line-numbers="true"] textarea {
282-
padding-left: calc(var(--codice-code-line-number-width) + calc(var(--codice-code-padding) / 2) + 2px);
273+
padding-left: calc(var(--codice-code-line-number-width) + 2px);
274+
}
275+
:scope[data-codice-editor][data-codice-line-numbers="false"] textarea {
276+
padding-left: var(--codice-code-padding);
283277
}
284278
285279
:scope[data-codice-editor] {
@@ -406,7 +400,7 @@ describe('Code', () => {
406400
color: var(--codice-code-line-number-color);
407401
}
408402
:scope[data-codice-line-numbers="false"] .sh__line {
409-
padding-left: calc(var(--codice-code-padding) * 0.5);
403+
padding-left: var(--codice-code-padding);
410404
}
411405
412406
:scope[data-codice-code] {
@@ -441,12 +435,6 @@ describe('Code', () => {
441435
:scope[data-codice-editor] textarea {
442436
padding: calc(var(--codice-code-padding) * 0.75) calc(var(--codice-code-padding) * 0.5);
443437
}
444-
:scope[data-codice-editor] [data-codice-code] {
445-
padding: calc(var(--codice-code-padding) / 2);
446-
}
447-
:scope[data-codice-editor][data-codice-line-numbers="false"] textarea {
448-
padding-left: var(--codice-code-padding);
449-
}
450438
:scope[data-codice-editor] code,
451439
:scope[data-codice-editor] textarea {
452440
font-family: var(--codice-font-family);
@@ -487,7 +475,10 @@ describe('Code', () => {
487475
overflow: hidden;
488476
}
489477
:scope[data-codice-editor][data-codice-line-numbers="true"] textarea {
490-
padding-left: calc(var(--codice-code-line-number-width) + calc(var(--codice-code-padding) / 2) + 2px);
478+
padding-left: calc(var(--codice-code-line-number-width) + 2px);
479+
}
480+
:scope[data-codice-editor][data-codice-line-numbers="false"] textarea {
481+
padding-left: var(--codice-code-padding);
491482
}
492483
493484
:scope[data-codice-editor] {
@@ -577,7 +568,7 @@ describe('Code', () => {
577568
color: var(--codice-code-line-number-color);
578569
}
579570
:scope[data-codice-line-numbers="false"] .sh__line {
580-
padding-left: calc(var(--codice-code-padding) * 0.5);
571+
padding-left: var(--codice-code-padding);
581572
}
582573
583574
:scope[data-codice-code] {

0 commit comments

Comments
 (0)