@dile/editor 2.4.3 → 2.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +2 -2
  2. package/src/DileEditor.js +17 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dile/editor",
3
- "version": "2.4.3",
3
+ "version": "2.4.4",
4
4
  "description": "Webcomponent to create a user editor interface, configured on various ways",
5
5
  "keywords": [
6
6
  "markdown",
@@ -41,5 +41,5 @@
41
41
  "prosemirror-state": "^1.4.2",
42
42
  "prosemirror-view": "^1.30.1"
43
43
  },
44
- "gitHead": "eb9a2765a85207c45fcc88825fd61030e65c56fb"
44
+ "gitHead": "01f46d3178e1272b079586110ab4bdca749f5710"
45
45
  }
package/src/DileEditor.js CHANGED
@@ -63,6 +63,7 @@ export class DileEditor extends DileI18nMixin(DileEmmitChange(LitElement)) {
63
63
  }
64
64
 
65
65
  .ProseMirror {
66
+ line-height: var(--dile-editor-line-height, 1.3rem);
66
67
  position: relative;
67
68
  word-wrap: break-word;
68
69
  white-space: pre-wrap;
@@ -72,7 +73,6 @@ export class DileEditor extends DileI18nMixin(DileEmmitChange(LitElement)) {
72
73
  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
73
74
  outline: none;
74
75
  padding: 0 10px;
75
-
76
76
  max-width: 100%;
77
77
  overflow: auto;
78
78
  }
@@ -112,15 +112,23 @@ export class DileEditor extends DileI18nMixin(DileEmmitChange(LitElement)) {
112
112
  .ProseMirror img {
113
113
  max-width: 100%;
114
114
  }
115
+ .ProseMirror pre, .ProseMirror p code {
116
+ background-color: var(--dile-editor-code-bakground-color, #eee);
117
+ font-family: var(--dile-editor-code-font-family, Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace);
118
+ font-size: var(--dile-editor-code-font-size, 0.9em);
119
+ color: var(--dile-editor-code-color, #657b83);
120
+ }
115
121
 
116
122
  .ProseMirror pre {
117
- background-color: #eee;
118
123
  padding: 0.4rem;
124
+ overflow-x: auto;
125
+ line-height: 1.5em;
126
+ tab-size: 4;
127
+ hyphens: none;
119
128
  }
120
129
 
121
130
  .ProseMirror p code {
122
- background-color: #eee;
123
- padding: 1px;
131
+ padding: 2px;
124
132
  }
125
133
 
126
134
  dile-tabs {
@@ -144,6 +152,11 @@ export class DileEditor extends DileI18nMixin(DileEmmitChange(LitElement)) {
144
152
  display: flex;
145
153
  flex-direction: column-reverse;
146
154
  }
155
+
156
+ li p {
157
+ margin: 0.25rem 0 !important;
158
+ }
159
+
147
160
  `
148
161
  ];
149
162