@trycourier/react-designer 0.0.9 → 0.0.10
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.
- package/dist/channels.d.ts +1 -1
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.css.map +2 -2
- package/dist/cjs/index.js +49 -47
- package/dist/cjs/index.js.map +4 -4
- package/dist/cjs/styles.css +385 -0
- package/dist/components/TemplateEditor/Channels/Email/Email.d.ts +2 -2
- package/dist/components/TemplateEditor/Channels/Email/EmailEditor.d.ts +0 -5
- package/dist/components/TemplateEditor/Channels/MSTeams/MSTeams.d.ts +40 -0
- package/dist/components/TemplateEditor/Channels/MSTeams/MSTeamsEditor.d.ts +4 -0
- package/dist/components/TemplateEditor/Channels/MSTeams/MSTeamsFrame.d.ts +6 -0
- package/dist/components/TemplateEditor/Channels/MSTeams/MSTeamsLayout.d.ts +7 -0
- package/dist/components/TemplateEditor/Channels/MSTeams/SideBar/SideBar.d.ts +6 -0
- package/dist/components/TemplateEditor/Channels/MSTeams/SideBar/index.d.ts +1 -0
- package/dist/components/TemplateEditor/Channels/MSTeams/index.d.ts +5 -0
- package/dist/components/TemplateEditor/Channels/Slack/SideBar/SideBar.d.ts +6 -0
- package/dist/components/TemplateEditor/Channels/Slack/SideBar/SlackButtonForm.d.ts +8 -0
- package/dist/components/TemplateEditor/Channels/Slack/SideBar/SlackSideBarItemDetails.d.ts +8 -0
- package/dist/components/TemplateEditor/Channels/Slack/SideBar/index.d.ts +3 -0
- package/dist/components/TemplateEditor/Channels/Slack/Slack.d.ts +40 -0
- package/dist/components/TemplateEditor/Channels/Slack/SlackEditor.d.ts +4 -0
- package/dist/components/TemplateEditor/Channels/Slack/SlackFrame.d.ts +6 -0
- package/dist/components/TemplateEditor/Channels/Slack/SlackLayout.d.ts +7 -0
- package/dist/components/TemplateEditor/Channels/Slack/index.d.ts +5 -0
- package/dist/components/TemplateEditor/Channels/index.d.ts +2 -0
- package/dist/components/TemplateEditor/Layout/Layout.d.ts +2 -2
- package/dist/components/TemplateEditor/hooks/useEditorDnd.d.ts +31 -0
- package/dist/components/TemplateEditor/hooks/useSyncEditorItems.d.ts +14 -0
- package/dist/components/TemplateEditor/index.d.ts +6 -2
- package/dist/components/TemplateEditor/store.d.ts +1 -1
- package/dist/components/ui/PreviewPanel/PreviewPanel.d.ts +2 -1
- package/dist/components/ui-kit/Icon/MSTeamsIcon.d.ts +3 -0
- package/dist/components/ui-kit/Icon/SlackIcon.d.ts +3 -0
- package/dist/components/ui-kit/Icon/UnionIcon.d.ts +3 -0
- package/dist/components/ui-kit/Icon/UserIcon.d.ts +3 -0
- package/dist/components/ui-kit/Icon/index.d.ts +6 -2
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.css.map +2 -2
- package/dist/esm/index.js +49 -47
- package/dist/esm/index.js.map +4 -4
- package/dist/esm/styles.css +385 -0
- package/dist/lib/testHelpers.d.ts +46 -0
- package/dist/lib/utils/updateElemental/updateElemental.d.ts +1 -1
- package/dist/styles.css +385 -0
- package/package.json +5 -2
- package/dist/components/Providers/TemplateProvider.test.d.ts +0 -1
- package/dist/components/TemplateEditor/Channels/Email/Email.test.d.ts +0 -1
- package/dist/components/TemplateEditor/Channels/Email/EmailEditor.test.d.ts +0 -1
- package/dist/components/TemplateEditor/Channels/Inbox/Inbox.test.d.ts +0 -1
- package/dist/components/TemplateEditor/Channels/Inbox/InboxEditor.test.d.ts +0 -1
- package/dist/components/TemplateEditor/Channels/Push/Push.test.d.ts +0 -1
- package/dist/components/TemplateEditor/Channels/Push/PushEditor.test.d.ts +0 -1
- package/dist/components/TemplateEditor/Channels/SMS/SMS.test.d.ts +0 -1
- package/dist/components/TemplateEditor/Channels/SMS/SMSEditor.test.d.ts +0 -1
- package/dist/components/TemplateEditor/Channels/useChannels.test.d.ts +0 -1
- package/dist/components/TemplateEditor/TemplateEditor.test.d.ts +0 -1
- package/dist/components/extensions/Blockquote/Blockquote.test.d.ts +0 -1
- package/dist/components/extensions/Button/Button.test.d.ts +0 -1
- package/dist/components/extensions/ButtonRow/ButtonRow.test.d.ts +0 -1
- package/dist/components/extensions/CustomCode/CustomCode.test.d.ts +0 -1
- package/dist/components/extensions/Divider/Divider.test.d.ts +0 -1
- package/dist/components/extensions/DragPlaceholder/DragPlaceholder.test.d.ts +0 -1
- package/dist/components/extensions/FileHandler/FileHandler.test.d.ts +0 -1
- package/dist/components/extensions/FixedChannelPaste/FixedChannelPaste.test.d.ts +0 -1
- package/dist/components/extensions/FixedChannelSelection/FixedChannelSelection.test.d.ts +0 -1
- package/dist/components/extensions/Heading/Heading.test.d.ts +0 -1
- package/dist/components/extensions/Image/Image.test.d.ts +0 -1
- package/dist/components/extensions/ImageBlock/ImageBlock.test.d.ts +0 -1
- package/dist/components/extensions/Link/Link.test.d.ts +0 -1
- package/dist/components/extensions/Paragraph/Paragraph.test.d.ts +0 -1
- package/dist/components/extensions/Selection/Selection.test.d.ts +0 -1
- package/dist/components/extensions/TextBlock/TextBlock.test.d.ts +0 -1
- package/dist/components/extensions/UniqueId/UniqueId.test.d.ts +0 -1
- package/dist/components/extensions/Variable/Variable.test.d.ts +0 -1
- package/dist/components/extensions/Variable/VariablePaste.test.d.ts +0 -1
- package/dist/lib/utils/convertElementalToTiptap/convertElementalToTiptap.test.d.ts +0 -1
- package/dist/lib/utils/convertMarkdownToTiptap/convertMarkdownToTiptap.test.d.ts +0 -1
- package/dist/lib/utils/convertTiptapToElemental/convertTiptapToElemental.test.d.ts +0 -1
- package/dist/lib/utils/convertTiptapToMarkdown/convertTiptapToMarkdown.test.d.ts +0 -1
- package/dist/lib/utils/getTitle/getTitle.test.d.ts +0 -1
- package/dist/lib/utils/getTitle/preserveStorageFormat.test.d.ts +0 -1
- package/dist/lib/utils/updateElemental/updateElemental.test.d.ts +0 -1
- package/dist/lib/utils/useForwardedRefCallback/useForwardedRefCallback.test.d.ts +0 -1
package/dist/styles.css
CHANGED
|
@@ -1027,6 +1027,10 @@ body {
|
|
|
1027
1027
|
margin-top: 3rem;
|
|
1028
1028
|
margin-bottom: 3rem;
|
|
1029
1029
|
}
|
|
1030
|
+
.courier-my-2 {
|
|
1031
|
+
margin-top: 0.5rem;
|
|
1032
|
+
margin-bottom: 0.5rem;
|
|
1033
|
+
}
|
|
1030
1034
|
.courier-my-3 {
|
|
1031
1035
|
margin-top: 0.75rem;
|
|
1032
1036
|
margin-bottom: 0.75rem;
|
|
@@ -1043,6 +1047,9 @@ body {
|
|
|
1043
1047
|
margin-top: 2rem;
|
|
1044
1048
|
margin-bottom: 2rem;
|
|
1045
1049
|
}
|
|
1050
|
+
.\!courier-mr-auto {
|
|
1051
|
+
margin-right: auto !important;
|
|
1052
|
+
}
|
|
1046
1053
|
.courier-mb-1 {
|
|
1047
1054
|
margin-bottom: 0.25rem;
|
|
1048
1055
|
}
|
|
@@ -1172,15 +1179,24 @@ body {
|
|
|
1172
1179
|
.courier-h-9 {
|
|
1173
1180
|
height: 2.25rem;
|
|
1174
1181
|
}
|
|
1182
|
+
.courier-h-\[14px\] {
|
|
1183
|
+
height: 14px;
|
|
1184
|
+
}
|
|
1175
1185
|
.courier-h-\[160px\] {
|
|
1176
1186
|
height: 160px;
|
|
1177
1187
|
}
|
|
1188
|
+
.courier-h-\[16px\] {
|
|
1189
|
+
height: 16px;
|
|
1190
|
+
}
|
|
1178
1191
|
.courier-h-\[1px\] {
|
|
1179
1192
|
height: 1px;
|
|
1180
1193
|
}
|
|
1181
1194
|
.courier-h-\[300px\] {
|
|
1182
1195
|
height: 300px;
|
|
1183
1196
|
}
|
|
1197
|
+
.courier-h-\[48px\] {
|
|
1198
|
+
height: 48px;
|
|
1199
|
+
}
|
|
1184
1200
|
.courier-h-\[500px\] {
|
|
1185
1201
|
height: 500px;
|
|
1186
1202
|
}
|
|
@@ -1238,12 +1254,18 @@ body {
|
|
|
1238
1254
|
.courier-w-2 {
|
|
1239
1255
|
width: 0.5rem;
|
|
1240
1256
|
}
|
|
1257
|
+
.courier-w-2\/12 {
|
|
1258
|
+
width: 16.666667%;
|
|
1259
|
+
}
|
|
1241
1260
|
.courier-w-3 {
|
|
1242
1261
|
width: 0.75rem;
|
|
1243
1262
|
}
|
|
1244
1263
|
.courier-w-3\.5 {
|
|
1245
1264
|
width: 0.875rem;
|
|
1246
1265
|
}
|
|
1266
|
+
.courier-w-3\/12 {
|
|
1267
|
+
width: 25%;
|
|
1268
|
+
}
|
|
1247
1269
|
.courier-w-4 {
|
|
1248
1270
|
width: 1rem;
|
|
1249
1271
|
}
|
|
@@ -1253,6 +1275,9 @@ body {
|
|
|
1253
1275
|
.courier-w-6 {
|
|
1254
1276
|
width: 1.5rem;
|
|
1255
1277
|
}
|
|
1278
|
+
.courier-w-6\/12 {
|
|
1279
|
+
width: 50%;
|
|
1280
|
+
}
|
|
1256
1281
|
.courier-w-64 {
|
|
1257
1282
|
width: 16rem;
|
|
1258
1283
|
}
|
|
@@ -1268,6 +1293,9 @@ body {
|
|
|
1268
1293
|
.courier-w-9 {
|
|
1269
1294
|
width: 2.25rem;
|
|
1270
1295
|
}
|
|
1296
|
+
.courier-w-9\/12 {
|
|
1297
|
+
width: 75%;
|
|
1298
|
+
}
|
|
1271
1299
|
.courier-w-\[1px\] {
|
|
1272
1300
|
width: 1px;
|
|
1273
1301
|
}
|
|
@@ -1295,6 +1323,9 @@ body {
|
|
|
1295
1323
|
.courier-w-px {
|
|
1296
1324
|
width: 1px;
|
|
1297
1325
|
}
|
|
1326
|
+
.courier-min-w-0 {
|
|
1327
|
+
min-width: 0px;
|
|
1328
|
+
}
|
|
1298
1329
|
.courier-min-w-10 {
|
|
1299
1330
|
min-width: 2.5rem;
|
|
1300
1331
|
}
|
|
@@ -1331,6 +1362,12 @@ body {
|
|
|
1331
1362
|
.courier-max-w-4xl {
|
|
1332
1363
|
max-width: 56rem;
|
|
1333
1364
|
}
|
|
1365
|
+
.courier-max-w-\[800px\] {
|
|
1366
|
+
max-width: 800px;
|
|
1367
|
+
}
|
|
1368
|
+
.courier-max-w-full {
|
|
1369
|
+
max-width: 100%;
|
|
1370
|
+
}
|
|
1334
1371
|
.courier-max-w-lg {
|
|
1335
1372
|
max-width: 32rem;
|
|
1336
1373
|
}
|
|
@@ -1427,6 +1464,9 @@ body {
|
|
|
1427
1464
|
.courier-items-start {
|
|
1428
1465
|
align-items: flex-start;
|
|
1429
1466
|
}
|
|
1467
|
+
.courier-items-end {
|
|
1468
|
+
align-items: flex-end;
|
|
1469
|
+
}
|
|
1430
1470
|
.courier-items-center {
|
|
1431
1471
|
align-items: center;
|
|
1432
1472
|
}
|
|
@@ -1506,6 +1546,9 @@ body {
|
|
|
1506
1546
|
.courier-rounded-3xl {
|
|
1507
1547
|
border-radius: 1.5rem;
|
|
1508
1548
|
}
|
|
1549
|
+
.courier-rounded-\[12px\] {
|
|
1550
|
+
border-radius: 12px;
|
|
1551
|
+
}
|
|
1509
1552
|
.courier-rounded-\[40px\] {
|
|
1510
1553
|
border-radius: 40px;
|
|
1511
1554
|
}
|
|
@@ -1673,6 +1716,9 @@ body {
|
|
|
1673
1716
|
.\!courier-bg-background {
|
|
1674
1717
|
background-color: var(--background) !important;
|
|
1675
1718
|
}
|
|
1719
|
+
.\!courier-bg-transparent {
|
|
1720
|
+
background-color: transparent !important;
|
|
1721
|
+
}
|
|
1676
1722
|
.courier-bg-\[\#000000\] {
|
|
1677
1723
|
--tw-bg-opacity: 1;
|
|
1678
1724
|
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
|
|
@@ -1684,6 +1730,14 @@ body {
|
|
|
1684
1730
|
--tw-bg-opacity: 1;
|
|
1685
1731
|
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
|
|
1686
1732
|
}
|
|
1733
|
+
.courier-bg-\[\#9C4085\] {
|
|
1734
|
+
--tw-bg-opacity: 1;
|
|
1735
|
+
background-color: rgb(156 64 133 / var(--tw-bg-opacity, 1));
|
|
1736
|
+
}
|
|
1737
|
+
.courier-bg-\[\#E5E5E5\] {
|
|
1738
|
+
--tw-bg-opacity: 1;
|
|
1739
|
+
background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
|
|
1740
|
+
}
|
|
1687
1741
|
.courier-bg-\[\#F5F5F5\] {
|
|
1688
1742
|
--tw-bg-opacity: 1;
|
|
1689
1743
|
background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
|
|
@@ -1777,6 +1831,9 @@ body {
|
|
|
1777
1831
|
.courier-bg-opacity-10 {
|
|
1778
1832
|
--tw-bg-opacity: 0.1;
|
|
1779
1833
|
}
|
|
1834
|
+
.courier-bg-gradient-to-br {
|
|
1835
|
+
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
|
|
1836
|
+
}
|
|
1780
1837
|
.courier-decoration-clone {
|
|
1781
1838
|
-webkit-box-decoration-break: clone;
|
|
1782
1839
|
box-decoration-break: clone;
|
|
@@ -1883,6 +1940,10 @@ body {
|
|
|
1883
1940
|
padding-left: 2.25rem;
|
|
1884
1941
|
padding-right: 2.25rem;
|
|
1885
1942
|
}
|
|
1943
|
+
.courier-py-0\.5 {
|
|
1944
|
+
padding-top: 0.125rem;
|
|
1945
|
+
padding-bottom: 0.125rem;
|
|
1946
|
+
}
|
|
1886
1947
|
.courier-py-1 {
|
|
1887
1948
|
padding-top: 0.25rem;
|
|
1888
1949
|
padding-bottom: 0.25rem;
|
|
@@ -1958,6 +2019,9 @@ body {
|
|
|
1958
2019
|
.courier-pr-4 {
|
|
1959
2020
|
padding-right: 1rem;
|
|
1960
2021
|
}
|
|
2022
|
+
.courier-pr-5 {
|
|
2023
|
+
padding-right: 1.25rem;
|
|
2024
|
+
}
|
|
1961
2025
|
.courier-pr-8 {
|
|
1962
2026
|
padding-right: 2rem;
|
|
1963
2027
|
}
|
|
@@ -2043,6 +2107,9 @@ body {
|
|
|
2043
2107
|
.courier-leading-none {
|
|
2044
2108
|
line-height: 1;
|
|
2045
2109
|
}
|
|
2110
|
+
.courier-leading-relaxed {
|
|
2111
|
+
line-height: 1.625;
|
|
2112
|
+
}
|
|
2046
2113
|
.courier-tracking-widest {
|
|
2047
2114
|
letter-spacing: 0.1em;
|
|
2048
2115
|
}
|
|
@@ -2071,6 +2138,14 @@ body {
|
|
|
2071
2138
|
--tw-text-opacity: 1;
|
|
2072
2139
|
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
|
|
2073
2140
|
}
|
|
2141
|
+
.courier-text-gray-700 {
|
|
2142
|
+
--tw-text-opacity: 1;
|
|
2143
|
+
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
|
|
2144
|
+
}
|
|
2145
|
+
.courier-text-gray-900 {
|
|
2146
|
+
--tw-text-opacity: 1;
|
|
2147
|
+
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
|
|
2148
|
+
}
|
|
2074
2149
|
.courier-text-inherit {
|
|
2075
2150
|
color: inherit;
|
|
2076
2151
|
}
|
|
@@ -3081,6 +3156,316 @@ body {
|
|
|
3081
3156
|
.ProseMirror .ProseMirror-gapcursor:is(.courier-dark *):after {
|
|
3082
3157
|
border-top-color: rgb(255 255 255 / 0.4);
|
|
3083
3158
|
}
|
|
3159
|
+
/* Slack Editor Styles */
|
|
3160
|
+
.courier-slack-editor .ProseMirror {
|
|
3161
|
+
padding: 0px;
|
|
3162
|
+
}
|
|
3163
|
+
.courier-slack-editor .ProseMirror>.react-renderer {
|
|
3164
|
+
margin-top: 0.5rem;
|
|
3165
|
+
margin-bottom: 0.5rem;
|
|
3166
|
+
}
|
|
3167
|
+
.courier-slack-editor .ProseMirror>.react-renderer:first-child {
|
|
3168
|
+
margin-top: 0px;
|
|
3169
|
+
}
|
|
3170
|
+
.courier-slack-editor .ProseMirror>.react-renderer:last-child {
|
|
3171
|
+
margin-bottom: 0px;
|
|
3172
|
+
}
|
|
3173
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-dragPlaceholder {
|
|
3174
|
+
margin: 0px;
|
|
3175
|
+
}
|
|
3176
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button,
|
|
3177
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-divider,
|
|
3178
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-paragraph,
|
|
3179
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-heading,
|
|
3180
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-blockquote,
|
|
3181
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow {
|
|
3182
|
+
position: relative;
|
|
3183
|
+
}
|
|
3184
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button,
|
|
3185
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-divider,
|
|
3186
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-paragraph,
|
|
3187
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-heading,
|
|
3188
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-blockquote,
|
|
3189
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow {
|
|
3190
|
+
margin: 0px;
|
|
3191
|
+
}
|
|
3192
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button.node-button .node-element > div, .courier-slack-editor .ProseMirror>.react-renderer.node-divider.node-button .node-element > div, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph.node-button .node-element > div, .courier-slack-editor .ProseMirror>.react-renderer.node-heading.node-button .node-element > div, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote.node-button .node-element > div, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow.node-button .node-element > div {
|
|
3193
|
+
justify-content: flex-start !important;
|
|
3194
|
+
}
|
|
3195
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-divider.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-heading.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow.node-button .node-element > div > div {
|
|
3196
|
+
margin-right: auto !important;
|
|
3197
|
+
}
|
|
3198
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-divider.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-heading.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow.node-button .node-element > div > div {
|
|
3199
|
+
margin-left: 0px !important;
|
|
3200
|
+
}
|
|
3201
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-divider.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-heading.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow.node-button .node-element > div > div {
|
|
3202
|
+
background-color: transparent !important;
|
|
3203
|
+
}
|
|
3204
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-divider.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-heading.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote.node-button .node-element > div > div, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow.node-button .node-element > div > div {
|
|
3205
|
+
border: 1px solid #E5E5E5 !important;
|
|
3206
|
+
border-radius: 6px !important;
|
|
3207
|
+
color: #171717 !important;
|
|
3208
|
+
padding: 6px 9.6px !important;
|
|
3209
|
+
font-weight: 500 !important;
|
|
3210
|
+
font-size: 14px !important;
|
|
3211
|
+
font-style: normal !important;
|
|
3212
|
+
line-height: 24px !important;
|
|
3213
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
|
|
3214
|
+
}
|
|
3215
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button.node-button .node-element > div > div:hover, .courier-slack-editor .ProseMirror>.react-renderer.node-divider.node-button .node-element > div > div:hover, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph.node-button .node-element > div > div:hover, .courier-slack-editor .ProseMirror>.react-renderer.node-heading.node-button .node-element > div > div:hover, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote.node-button .node-element > div > div:hover, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow.node-button .node-element > div > div:hover {
|
|
3216
|
+
--tw-bg-opacity: 1;
|
|
3217
|
+
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
|
|
3218
|
+
}
|
|
3219
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-divider [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-heading [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow [data-cypress="draggable-handle"] {
|
|
3220
|
+
visibility: hidden;
|
|
3221
|
+
}
|
|
3222
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button:hover [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-button:active [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover [data-cypress="draggable-handle"], .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active [data-cypress="draggable-handle"] {
|
|
3223
|
+
visibility: visible;
|
|
3224
|
+
}
|
|
3225
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3226
|
+
position: absolute;
|
|
3227
|
+
}
|
|
3228
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3229
|
+
left: -12px;
|
|
3230
|
+
}
|
|
3231
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3232
|
+
right: -12px;
|
|
3233
|
+
}
|
|
3234
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3235
|
+
top: 0px;
|
|
3236
|
+
}
|
|
3237
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3238
|
+
bottom: 0px;
|
|
3239
|
+
}
|
|
3240
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3241
|
+
border-radius: calc(var(--radius) - 2px);
|
|
3242
|
+
}
|
|
3243
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3244
|
+
border-width: 2px;
|
|
3245
|
+
}
|
|
3246
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3247
|
+
border-color: var(--border);
|
|
3248
|
+
}
|
|
3249
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3250
|
+
--tw-content: '';
|
|
3251
|
+
content: var(--tw-content);
|
|
3252
|
+
}
|
|
3253
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .node-element {
|
|
3254
|
+
position: relative;
|
|
3255
|
+
}
|
|
3256
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .node-element:focus,
|
|
3257
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .node-element:focus-visible,
|
|
3258
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-divider .node-element:focus,
|
|
3259
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-divider .node-element:focus-visible,
|
|
3260
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .node-element:focus,
|
|
3261
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .node-element:focus-visible,
|
|
3262
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-heading .node-element:focus,
|
|
3263
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-heading .node-element:focus-visible,
|
|
3264
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .node-element:focus,
|
|
3265
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .node-element:focus-visible,
|
|
3266
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .node-element:focus,
|
|
3267
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .node-element:focus-visible {
|
|
3268
|
+
outline: none;
|
|
3269
|
+
}
|
|
3270
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element {
|
|
3271
|
+
position: relative;
|
|
3272
|
+
}
|
|
3273
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element {
|
|
3274
|
+
z-index: 20;
|
|
3275
|
+
}
|
|
3276
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3277
|
+
position: absolute;
|
|
3278
|
+
}
|
|
3279
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3280
|
+
left: -12px;
|
|
3281
|
+
}
|
|
3282
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3283
|
+
right: -12px;
|
|
3284
|
+
}
|
|
3285
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3286
|
+
top: 0px;
|
|
3287
|
+
}
|
|
3288
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3289
|
+
bottom: 0px;
|
|
3290
|
+
}
|
|
3291
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3292
|
+
z-index: -10;
|
|
3293
|
+
}
|
|
3294
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3295
|
+
border-radius: calc(var(--radius) - 2px);
|
|
3296
|
+
}
|
|
3297
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3298
|
+
border-width: 1px;
|
|
3299
|
+
}
|
|
3300
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3301
|
+
--tw-border-opacity: 1;
|
|
3302
|
+
border-color: rgb(0 133 255 / var(--tw-border-opacity, 1));
|
|
3303
|
+
}
|
|
3304
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3305
|
+
--tw-content: '';
|
|
3306
|
+
content: var(--tw-content);
|
|
3307
|
+
}
|
|
3308
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element .node-element::before, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element .node-element::before {
|
|
3309
|
+
display: none;
|
|
3310
|
+
}
|
|
3311
|
+
.courier-slack-editor .ProseMirror>.react-renderer.node-button .selected-element .courier-actions-panel, .courier-slack-editor .ProseMirror>.react-renderer.node-divider .selected-element .courier-actions-panel, .courier-slack-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .courier-actions-panel, .courier-slack-editor .ProseMirror>.react-renderer.node-heading .selected-element .courier-actions-panel, .courier-slack-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .courier-actions-panel, .courier-slack-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .courier-actions-panel {
|
|
3312
|
+
display: block;
|
|
3313
|
+
}
|
|
3314
|
+
/* MS Teams Editor Styles */
|
|
3315
|
+
.courier-msteams-editor .ProseMirror {
|
|
3316
|
+
padding: 0px;
|
|
3317
|
+
}
|
|
3318
|
+
.courier-msteams-editor .ProseMirror>.react-renderer {
|
|
3319
|
+
margin-top: 0.5rem;
|
|
3320
|
+
margin-bottom: 0.5rem;
|
|
3321
|
+
}
|
|
3322
|
+
.courier-msteams-editor .ProseMirror>.react-renderer:first-child {
|
|
3323
|
+
margin-top: 0px;
|
|
3324
|
+
}
|
|
3325
|
+
.courier-msteams-editor .ProseMirror>.react-renderer:last-child {
|
|
3326
|
+
margin-bottom: 0px;
|
|
3327
|
+
}
|
|
3328
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-dragPlaceholder {
|
|
3329
|
+
margin: 0px;
|
|
3330
|
+
}
|
|
3331
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button,
|
|
3332
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-divider,
|
|
3333
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph,
|
|
3334
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-heading,
|
|
3335
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote,
|
|
3336
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow {
|
|
3337
|
+
position: relative;
|
|
3338
|
+
}
|
|
3339
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button,
|
|
3340
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-divider,
|
|
3341
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph,
|
|
3342
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-heading,
|
|
3343
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote,
|
|
3344
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow {
|
|
3345
|
+
margin: 0px;
|
|
3346
|
+
}
|
|
3347
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button.node-button .node-element > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider.node-button .node-element > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph.node-button .node-element > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading.node-button .node-element > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote.node-button .node-element > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow.node-button .node-element > div {
|
|
3348
|
+
justify-content: flex-start !important;
|
|
3349
|
+
}
|
|
3350
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow.node-button .node-element > div > div {
|
|
3351
|
+
margin-right: auto !important;
|
|
3352
|
+
}
|
|
3353
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow.node-button .node-element > div > div {
|
|
3354
|
+
margin-left: 0px !important;
|
|
3355
|
+
}
|
|
3356
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow.node-button .node-element > div > div {
|
|
3357
|
+
background-color: transparent !important;
|
|
3358
|
+
}
|
|
3359
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote.node-button .node-element > div > div, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow.node-button .node-element > div > div {
|
|
3360
|
+
border: 1px solid #E5E5E5 !important;
|
|
3361
|
+
border-radius: 6px !important;
|
|
3362
|
+
color: #171717 !important;
|
|
3363
|
+
padding: 6px 9.6px !important;
|
|
3364
|
+
font-weight: 500 !important;
|
|
3365
|
+
font-size: 14px !important;
|
|
3366
|
+
font-style: normal !important;
|
|
3367
|
+
line-height: 24px !important;
|
|
3368
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
|
|
3369
|
+
}
|
|
3370
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button.node-button .node-element > div > div:hover, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider.node-button .node-element > div > div:hover, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph.node-button .node-element > div > div:hover, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading.node-button .node-element > div > div:hover, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote.node-button .node-element > div > div:hover, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow.node-button .node-element > div > div:hover {
|
|
3371
|
+
--tw-bg-opacity: 1;
|
|
3372
|
+
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
|
|
3373
|
+
}
|
|
3374
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-divider [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-heading [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow [data-cypress="draggable-handle"] {
|
|
3375
|
+
visibility: hidden;
|
|
3376
|
+
}
|
|
3377
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover [data-cypress="draggable-handle"], .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active [data-cypress="draggable-handle"] {
|
|
3378
|
+
visibility: visible;
|
|
3379
|
+
}
|
|
3380
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3381
|
+
position: absolute;
|
|
3382
|
+
}
|
|
3383
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3384
|
+
left: -12px;
|
|
3385
|
+
}
|
|
3386
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3387
|
+
right: -12px;
|
|
3388
|
+
}
|
|
3389
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3390
|
+
top: 0px;
|
|
3391
|
+
}
|
|
3392
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3393
|
+
bottom: 0px;
|
|
3394
|
+
}
|
|
3395
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3396
|
+
border-radius: calc(var(--radius) - 2px);
|
|
3397
|
+
}
|
|
3398
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3399
|
+
border-width: 2px;
|
|
3400
|
+
}
|
|
3401
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3402
|
+
border-color: var(--border);
|
|
3403
|
+
}
|
|
3404
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before {
|
|
3405
|
+
--tw-content: '';
|
|
3406
|
+
content: var(--tw-content);
|
|
3407
|
+
}
|
|
3408
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .node-element {
|
|
3409
|
+
position: relative;
|
|
3410
|
+
}
|
|
3411
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .node-element:focus,
|
|
3412
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .node-element:focus-visible,
|
|
3413
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-divider .node-element:focus,
|
|
3414
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-divider .node-element:focus-visible,
|
|
3415
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .node-element:focus,
|
|
3416
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .node-element:focus-visible,
|
|
3417
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-heading .node-element:focus,
|
|
3418
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-heading .node-element:focus-visible,
|
|
3419
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .node-element:focus,
|
|
3420
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .node-element:focus-visible,
|
|
3421
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .node-element:focus,
|
|
3422
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .node-element:focus-visible {
|
|
3423
|
+
outline: none;
|
|
3424
|
+
}
|
|
3425
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element {
|
|
3426
|
+
position: relative;
|
|
3427
|
+
}
|
|
3428
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element {
|
|
3429
|
+
z-index: 20;
|
|
3430
|
+
}
|
|
3431
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3432
|
+
position: absolute;
|
|
3433
|
+
}
|
|
3434
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3435
|
+
left: -12px;
|
|
3436
|
+
}
|
|
3437
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3438
|
+
right: -12px;
|
|
3439
|
+
}
|
|
3440
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3441
|
+
top: 0px;
|
|
3442
|
+
}
|
|
3443
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3444
|
+
bottom: 0px;
|
|
3445
|
+
}
|
|
3446
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3447
|
+
z-index: -10;
|
|
3448
|
+
}
|
|
3449
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3450
|
+
border-radius: calc(var(--radius) - 2px);
|
|
3451
|
+
}
|
|
3452
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3453
|
+
border-width: 1px;
|
|
3454
|
+
}
|
|
3455
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3456
|
+
--tw-border-opacity: 1;
|
|
3457
|
+
border-color: rgb(0 133 255 / var(--tw-border-opacity, 1));
|
|
3458
|
+
}
|
|
3459
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
|
|
3460
|
+
--tw-content: '';
|
|
3461
|
+
content: var(--tw-content);
|
|
3462
|
+
}
|
|
3463
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .node-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .node-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .node-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element .node-element::before, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element .node-element::before {
|
|
3464
|
+
display: none;
|
|
3465
|
+
}
|
|
3466
|
+
.courier-msteams-editor .ProseMirror>.react-renderer.node-button .selected-element .courier-actions-panel, .courier-msteams-editor .ProseMirror>.react-renderer.node-divider .selected-element .courier-actions-panel, .courier-msteams-editor .ProseMirror>.react-renderer.node-paragraph .selected-element .courier-actions-panel, .courier-msteams-editor .ProseMirror>.react-renderer.node-heading .selected-element .courier-actions-panel, .courier-msteams-editor .ProseMirror>.react-renderer.node-blockquote .selected-element .courier-actions-panel, .courier-msteams-editor .ProseMirror>.react-renderer.node-buttonRow .selected-element .courier-actions-panel {
|
|
3467
|
+
display: block;
|
|
3468
|
+
}
|
|
3084
3469
|
[data-theme="slash-command"] {
|
|
3085
3470
|
width: 100%;
|
|
3086
3471
|
}
|