@worktile/theia 2.3.0-next.2 → 2.3.0-next.3

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 (11) hide show
  1. package/bundles/worktile-theia.umd.js +18 -4
  2. package/bundles/worktile-theia.umd.js.map +1 -1
  3. package/constants/default.d.ts +0 -1
  4. package/esm2015/constants/default.js +1 -1
  5. package/esm2015/editor.component.js +13 -3
  6. package/esm2015/plugins/image/image.component.js +8 -4
  7. package/fesm2015/worktile-theia.js +18 -5
  8. package/fesm2015/worktile-theia.js.map +1 -1
  9. package/package.json +1 -1
  10. package/plugins/image/image.component.scss +0 -10
  11. package/styles/editor.scss +153 -133
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@worktile/theia",
3
- "version": "2.3.0-next.2",
3
+ "version": "2.3.0-next.3",
4
4
  "description": "theia editor",
5
5
  "author": "YanDong <nanianqiumo@foxmail.com>",
6
6
  "homepage": "https://github.com/atinc/theia#readme",
package/plugins/image/image.component.scss CHANGED
@@ -192,13 +192,3 @@
192
192
  }
193
193
  }
194
194
  }
195
-
196
- .the-image-toolbar {
197
- .thy-icon-nav .thy-icon-nav-link {
198
- margin-right: $thy-icon-nav-link-margin-right;
199
-
200
- &.remove-link:hover {
201
- @include remove-link-hover();
202
- }
203
- }
204
- }
package/styles/editor.scss CHANGED
@@ -61,139 +61,140 @@ $thy-icon-nav-link-margin-right: 5px;
61
61
  overflow-y: scroll;
62
62
  }
63
63
  }
64
-
65
- // list style
66
- ul,
67
- ol,
68
- li {
69
- list-style: inherit;
70
- }
71
-
72
- ol {
73
- list-style-type: decimal;
74
-
75
- ol {
76
- list-style-type: lower-alpha;
77
-
78
- ol {
79
- list-style-type: lower-roman;
80
- }
81
- }
82
- }
83
-
84
- ul {
85
- list-style-type: disc;
86
-
87
- ul {
88
- list-style-type: circle;
89
-
90
- ul {
91
- list-style-type: square;
92
- }
93
- }
94
- }
95
-
96
- [the-underlined][the-strike] {
97
- text-decoration: underline line-through;
98
- }
99
-
100
- [the-strike] {
101
- text-decoration: line-through;
102
- }
103
-
104
- [the-underlined] {
105
- text-decoration: underline;
106
- }
107
-
108
- [the-italic] {
109
- font-style: italic;
110
- }
111
-
112
- [the-bold] {
113
- font-weight: bold;
114
- }
115
-
116
- [the-code-line] {
117
- margin: 0 4px;
118
- padding: 2px 3px;
119
- border: 1px solid $gray-300;
120
- border-radius: 2px;
121
- font-family: monospace;
122
- font-size: inherit;
123
- background-color: rgba(243, 243, 243, 0.8);
124
- line-height: inherit;
125
- word-wrap: break-word;
126
- text-indent: 0;
127
- color: $gray-700;
128
- }
129
-
130
- .leaf-with-placeholder {
131
- background-color: $white;
132
-
133
- &[data-slate-leaf=true] {
134
- width: 12em;;
135
- }
136
- }
137
- [data-slate-placeholder] {
138
- color: initial;
139
- font-weight: initial;
140
- font-style: initial;
141
- text-decoration: initial;
142
- background-color: initial;
143
- }
144
-
145
- // list: fontSize, li marginLeft, multiDigit li marginLeft
146
- @each $size, $liMl, $liMultiDigitMl in (12, 13, 14, 15, 16, 18, 20, (24 null 35px), (28 null 42px), (32 33px 50px), (40 40px 62px), (48 50px 78px)) {
147
- [the-font-size="#{$size}"] {
148
- font-size: #{$size}px;
149
- line-height: $font-size-line-height;
150
- }
151
- .slate-element-list-item {
152
- &.font-size-#{$size} {
153
- &::marker {
154
- font-size: #{$size}px;
155
- }
156
- }
157
- }
158
- .slate-element-numbered-list {
159
- .slate-element-list-item {
160
- &.font-size-#{$size} {
161
- margin-left: $liMl;
162
-
163
- &[data-multi-digit] {
164
- margin-left: $liMultiDigitMl;
165
- }
166
- }
167
- }
168
- }
169
- .slate-element-bulleted-list {
170
- .slate-element-list-item {
171
- &.font-size-#{$size} {
172
- @if $size == 40 {
173
- margin-left: 2.2em;
174
- }
175
- @if $size == 48 {
176
- margin-left: 2.5em;
177
- }
178
- }
179
- }
180
- }
181
- }
182
-
183
- // indent
184
- @for $i from 1 through 17 {
185
- [the-indent="#{$i}"] {
186
- padding-left: $i * 2em;
187
- }
188
- // list
189
- ol[the-level="#{$i}"],
190
- ul[the-level="#{$i}"] {
191
- margin-left: $i * 2em;
192
- }
193
- .the-check-item[the-level="#{$i}"] {
194
- padding-left: calc(#{$i * 2em} + 2em);
195
- }
196
- }
64
+ }
65
+ .the-editor-typo{
66
+ // list style
67
+ ul,
68
+ ol,
69
+ li {
70
+ list-style: inherit;
71
+ }
72
+
73
+ ol {
74
+ list-style-type: decimal;
75
+
76
+ ol {
77
+ list-style-type: lower-alpha;
78
+
79
+ ol {
80
+ list-style-type: lower-roman;
81
+ }
82
+ }
83
+ }
84
+
85
+ ul {
86
+ list-style-type: disc;
87
+
88
+ ul {
89
+ list-style-type: circle;
90
+
91
+ ul {
92
+ list-style-type: square;
93
+ }
94
+ }
95
+ }
96
+
97
+ [the-underlined][the-strike] {
98
+ text-decoration: underline line-through;
99
+ }
100
+
101
+ [the-strike] {
102
+ text-decoration: line-through;
103
+ }
104
+
105
+ [the-underlined] {
106
+ text-decoration: underline;
107
+ }
108
+
109
+ [the-italic] {
110
+ font-style: italic;
111
+ }
112
+
113
+ [the-bold] {
114
+ font-weight: bold;
115
+ }
116
+
117
+ [the-code-line] {
118
+ margin: 0 4px;
119
+ padding: 2px 3px;
120
+ border: 1px solid $gray-300;
121
+ border-radius: 2px;
122
+ font-family: monospace;
123
+ font-size: inherit;
124
+ background-color: rgba(243, 243, 243, 0.8);
125
+ line-height: inherit;
126
+ word-wrap: break-word;
127
+ text-indent: 0;
128
+ color: $gray-700;
129
+ }
130
+
131
+ .leaf-with-placeholder {
132
+ background-color: $white;
133
+
134
+ &[data-slate-leaf=true] {
135
+ width: 12em;;
136
+ }
137
+ }
138
+ [data-slate-placeholder] {
139
+ color: initial;
140
+ font-weight: initial;
141
+ font-style: initial;
142
+ text-decoration: initial;
143
+ background-color: initial;
144
+ }
145
+
146
+ // list: fontSize, li marginLeft, multiDigit li marginLeft
147
+ @each $size, $liMl, $liMultiDigitMl in (12, 13, 14, 15, 16, 18, 20, (24 null 35px), (28 null 42px), (32 33px 50px), (40 40px 62px), (48 50px 78px)) {
148
+ [the-font-size="#{$size}"] {
149
+ font-size: #{$size}px;
150
+ line-height: $font-size-line-height;
151
+ }
152
+ .slate-element-list-item {
153
+ &.font-size-#{$size} {
154
+ &::marker {
155
+ font-size: #{$size}px;
156
+ }
157
+ }
158
+ }
159
+ .slate-element-numbered-list {
160
+ .slate-element-list-item {
161
+ &.font-size-#{$size} {
162
+ margin-left: $liMl;
163
+
164
+ &[data-multi-digit] {
165
+ margin-left: $liMultiDigitMl;
166
+ }
167
+ }
168
+ }
169
+ }
170
+ .slate-element-bulleted-list {
171
+ .slate-element-list-item {
172
+ &.font-size-#{$size} {
173
+ @if $size == 40 {
174
+ margin-left: 2.2em;
175
+ }
176
+ @if $size == 48 {
177
+ margin-left: 2.5em;
178
+ }
179
+ }
180
+ }
181
+ }
182
+ }
183
+
184
+ // indent
185
+ @for $i from 1 through 17 {
186
+ [the-indent="#{$i}"] {
187
+ padding-left: $i * 2em;
188
+ }
189
+ // list
190
+ ol[the-level="#{$i}"],
191
+ ul[the-level="#{$i}"] {
192
+ margin-left: $i * 2em;
193
+ }
194
+ .the-check-item[the-level="#{$i}"] {
195
+ padding-left: calc(#{$i * 2em} + 2em);
196
+ }
197
+ }
197
198
  }
198
199
 
199
200
  .the-nav-split-line {
@@ -281,11 +282,30 @@ $thy-icon-nav-link-margin-right: 5px;
281
282
  }
282
283
  }
283
284
 
285
+ .the-block-toolbar {
286
+ .thy-popover-container {
287
+ min-width: auto;
288
+ }
289
+ }
290
+
291
+
284
292
  .the-block-toolbar-popover {
285
293
  display: flex;
286
294
  padding: 5px 10px;
287
295
  background: $white;
288
296
  box-shadow: $box-shadow;
297
+
298
+ .thy-icon-nav .thy-icon-nav-link {
299
+ margin-right: $thy-icon-nav-link-margin-right;
300
+
301
+ &:last-child {
302
+ margin-right: 0;
303
+ }
304
+
305
+ &.remove-link:hover {
306
+ @include remove-link-hover();
307
+ }
308
+ }
289
309
  }
290
310
 
291
311
  @mixin the-toolbar-active {