@designcrowd/library.brand-page 5.10.20 → 5.10.30
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/lib/src/brand-page/models/index.d.ts +5 -0
- package/lib/src/brand-page/models/index.js +4 -0
- package/lib/src/brand-page/utils/style.util.d.ts +8 -1
- package/lib/src/brand-page/utils/style.util.js +58 -5
- package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js +1 -1
- package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.js +1 -0
- package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/page-content-items.d.ts +1 -1
- package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/page-content-items.js +2 -1
- package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +33 -0
- package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js +35 -1
- package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts +1 -0
- package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.js +17 -0
- package/lib/src/brand-page-maker/composables/rich-text-editor/bubbleMenu.d.ts +19 -0
- package/lib/src/brand-page-maker/composables/rich-text-editor/bubbleMenu.js +31 -0
- package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/AutoLink.d.ts +2 -0
- package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/AutoLink.js +161 -0
- package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/MaxLength.js +3 -3
- package/lib/src/brand-page-maker/composables/rich-text-editor/font.d.ts +1 -1
- package/lib/src/brand-page-maker/composables/rich-text-editor/font.js +0 -1
- package/lib/src/brand-page-maker/composables/rich-text-editor/formatting.d.ts +1 -1
- package/lib/src/brand-page-maker/composables/rich-text-editor/formatting.js +0 -1
- package/lib/src/brand-page-maker/composables/rich-text-editor/hyperlink.d.ts +19 -0
- package/lib/src/brand-page-maker/composables/rich-text-editor/hyperlink.js +87 -0
- package/lib/src/brand-page-maker/composables/rich-text-editor/spacing.d.ts +1 -1
- package/lib/src/brand-page-maker/composables/rich-text-editor/spacing.js +0 -1
- package/lib/src/brand-page-maker/composables/rich-text-editor/textAlign.d.ts +1 -1
- package/lib/src/brand-page-maker/composables/rich-text-editor/textAlign.js +0 -1
- package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.d.ts +24 -3
- package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js +214 -33
- package/lib/src/brand-page-maker/models/button-group.model.d.ts +2 -0
- package/lib/src/brand-page-maker/utils/rich-text-editor.util.d.ts +19 -2
- package/lib/src/brand-page-maker/utils/rich-text-editor.util.js +340 -8
- package/lib/src/{bundled-translations.de-DE-O4sKkzBX.js → bundled-translations.de-DE-DjQFwukR.js} +1 -1
- package/lib/src/{bundled-translations.es-ES-C4lGaf08.js → bundled-translations.es-ES--EbGRI7e.js} +1 -1
- package/lib/src/bundled-translations.fr-FR-BS3Kia5y.js +117 -0
- package/lib/src/{bundled-translations.fr-FR-CIy8KjAV.js → bundled-translations.fr-FR-VtC2JYUC.js} +1 -1
- package/lib/src/{bundled-translations.pt-PT-C8EcSdyX.js → bundled-translations.pt-PT-l9cEldEo.js} +1 -1
- package/lib/src/bundles/bundled-translations.fr-FR.json +2 -2
- package/lib/src/css/library.brand-page-brandCrowd.min.css +96 -70
- package/lib/src/css/library.brand-page-brandPage.min.css +96 -70
- package/lib/src/css/library.brand-page-designCom.min.css +96 -70
- package/lib/src/css/library.brand-page-preview.min.css +96 -70
- package/lib/src/index.d.ts +1 -0
- package/lib/src/index.mjs +29673 -27225
- package/lib/src/lib.js +1 -0
- package/lib/src/mockServiceWorker.js +91 -54
- package/lib/src/shared/content-settings/components/color-field/ColorField.mixin.d.ts +11 -0
- package/lib/src/shared/content-settings/components/color-field/ColorField.mixin.js +5 -0
- package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.d.ts +11 -1
- package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.js +4 -0
- package/lib/src/shared/content-settings/components/url-field/UrlField.mixin.d.ts +2 -0
- package/lib/src/shared/content-settings/components/url-field/UrlField.mixin.js +12 -7
- package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +2 -0
- package/package.json +6 -3
- package/src/brand-page/components/banner-section/BannerSection.vue +6 -0
- package/src/brand-page/components/text/Text.vue +2 -0
- package/src/brand-page/components/text-wrapper/TextWrapper.vue +31 -11
- package/src/brand-page/models/index.ts +6 -0
- package/src/brand-page/utils/style.util.ts +105 -5
- package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts +1 -1
- package/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.ts +1 -0
- package/src/brand-page-maker/components/brand-page-maker/__fixtures__/page-content-items.ts +2 -0
- package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.ts +44 -1
- package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.vue +1 -0
- package/src/brand-page-maker/components/brandpage-settings/i18n/brand-page-settings.fr-FR.json +1 -1
- package/src/brand-page-maker/components/google-analytics/i18n/google-analytics.fr-FR.json +1 -1
- package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +539 -50
- package/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.ts +22 -0
- package/src/brand-page-maker/components/template-preview/TemplatePreview.vue +1 -1
- package/src/brand-page-maker/composables/rich-text-editor/bubbleMenu.ts +42 -0
- package/src/brand-page-maker/composables/rich-text-editor/extensions/AutoLink.ts +227 -0
- package/src/brand-page-maker/composables/rich-text-editor/extensions/MaxLength.test.ts +1 -1
- package/src/brand-page-maker/composables/rich-text-editor/extensions/MaxLength.ts +4 -15
- package/src/brand-page-maker/composables/rich-text-editor/font.ts +1 -1
- package/src/brand-page-maker/composables/rich-text-editor/formatting.ts +1 -1
- package/src/brand-page-maker/composables/rich-text-editor/hyperlink.ts +114 -0
- package/src/brand-page-maker/composables/rich-text-editor/spacing.ts +1 -1
- package/src/brand-page-maker/composables/rich-text-editor/textAlign.ts +1 -1
- package/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.ts +299 -41
- package/src/brand-page-maker/models/button-group.model.ts +2 -0
- package/src/brand-page-maker/stores/brandpage-maker/__snapshots__/brandpage-maker-store.test.ts.snap +1 -0
- package/src/brand-page-maker/utils/rich-text-editor.util.test.ts +418 -0
- package/src/brand-page-maker/utils/rich-text-editor.util.ts +470 -25
- package/src/bundles/bundled-translations.fr-FR.json +2 -2
- package/src/lib.ts +1 -0
- package/src/shared/content-settings/components/color-field/ColorField.mixin.ts +5 -0
- package/src/shared/content-settings/components/color-field/ColorField.vue +1 -1
- package/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.ts +4 -0
- package/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.vue +2 -2
- package/src/shared/content-settings/components/text-field/TextField.vue +1 -1
- package/src/shared/content-settings/components/text-items-field/TextItemsField.vue +2 -2
- package/src/shared/content-settings/components/textarea-field/TextareaField.vue +3 -3
- package/src/shared/content-settings/components/url-field/UrlField.mixin.ts +15 -10
- package/src/shared/content-settings/components/url-field/UrlField.vue +1 -0
- package/lib/src/bundled-translations.fr-FR-CTnDppmf.js +0 -117
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"cookieCollection": "Collection de cookies",
|
|
37
37
|
"faviconDescription": "Un favicon est une petite icône placée à côté du titre de votre site dans l'onglet du navigateur.",
|
|
38
38
|
"socialShareTitle": "Partage sur les réseaux sociaux",
|
|
39
|
-
"paymentProvidersTitle": "
|
|
39
|
+
"paymentProvidersTitle": "Prestataires de paiement",
|
|
40
40
|
"paymentProvidersDescription": "Activez ou inscrivez-vous auprès d'un fournisseur pris en charge. Commencez à collecter des dons et des paiements, ou vendez des produits, des services et bien plus encore !",
|
|
41
41
|
"paymentProvidersAddProviderLabel": "Ajouter des prestataires de paiement"
|
|
42
42
|
},
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"showPreview": "Afficher l’aperçu"
|
|
50
50
|
},
|
|
51
51
|
"googleAnalytics": {
|
|
52
|
-
"analyticsIntegrations": "Intégrations
|
|
52
|
+
"analyticsIntegrations": "Intégrations aux outils d'analyse",
|
|
53
53
|
"googleAnalyticsLabel": "Google Analytics : GA4",
|
|
54
54
|
"googleAnalyticsInfo": "Ajoutez votre identifiant de mesure Google Analytics : GA4 pour suivre vos visiteurs avec GA4, utilisez le format G-XXXXXXXXX ou AW-XXXXXXXXX"
|
|
55
55
|
},
|
|
@@ -314,6 +314,9 @@ a.maker-anchor {
|
|
|
314
314
|
.tw-col-span-2 {
|
|
315
315
|
grid-column: span 2 / span 2
|
|
316
316
|
}
|
|
317
|
+
.tw-col-span-3 {
|
|
318
|
+
grid-column: span 3 / span 3
|
|
319
|
+
}
|
|
317
320
|
.tw-col-span-6 {
|
|
318
321
|
grid-column: span 6 / span 6
|
|
319
322
|
}
|
|
@@ -1018,6 +1021,9 @@ a.maker-anchor {
|
|
|
1018
1021
|
.tw-min-w-8 {
|
|
1019
1022
|
min-width: 2rem
|
|
1020
1023
|
}
|
|
1024
|
+
.tw-min-w-\[300px\] {
|
|
1025
|
+
min-width: 300px
|
|
1026
|
+
}
|
|
1021
1027
|
.tw-min-w-\[310px\] {
|
|
1022
1028
|
min-width: 310px
|
|
1023
1029
|
}
|
|
@@ -1410,6 +1416,9 @@ a.maker-anchor {
|
|
|
1410
1416
|
-webkit-animation: tw-spin 1s linear infinite;
|
|
1411
1417
|
animation: tw-spin 1s linear infinite
|
|
1412
1418
|
}
|
|
1419
|
+
.\!tw-cursor-not-allowed {
|
|
1420
|
+
cursor: not-allowed !important
|
|
1421
|
+
}
|
|
1413
1422
|
.tw-cursor-default {
|
|
1414
1423
|
cursor: default
|
|
1415
1424
|
}
|
|
@@ -1996,9 +2005,15 @@ a.maker-anchor {
|
|
|
1996
2005
|
text-overflow: ellipsis;
|
|
1997
2006
|
white-space: nowrap
|
|
1998
2007
|
}
|
|
2008
|
+
.tw-text-ellipsis {
|
|
2009
|
+
text-overflow: ellipsis
|
|
2010
|
+
}
|
|
1999
2011
|
.tw-whitespace-nowrap {
|
|
2000
2012
|
white-space: nowrap
|
|
2001
2013
|
}
|
|
2014
|
+
.tw-whitespace-pre {
|
|
2015
|
+
white-space: pre
|
|
2016
|
+
}
|
|
2002
2017
|
.tw-text-nowrap {
|
|
2003
2018
|
text-wrap: nowrap
|
|
2004
2019
|
}
|
|
@@ -4278,13 +4293,13 @@ a.maker-anchor {
|
|
|
4278
4293
|
}
|
|
4279
4294
|
}
|
|
4280
4295
|
|
|
4281
|
-
.button-group[data-v-
|
|
4296
|
+
.button-group[data-v-e39022cf] {
|
|
4282
4297
|
|
|
4283
4298
|
display: inline-flex;
|
|
4284
4299
|
|
|
4285
4300
|
width: 100%
|
|
4286
4301
|
}
|
|
4287
|
-
.button-group-item[data-v-
|
|
4302
|
+
.button-group-item[data-v-e39022cf] {
|
|
4288
4303
|
|
|
4289
4304
|
cursor: pointer;
|
|
4290
4305
|
|
|
@@ -4314,7 +4329,7 @@ a.maker-anchor {
|
|
|
4314
4329
|
|
|
4315
4330
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
|
|
4316
4331
|
}
|
|
4317
|
-
.button-group-icon-button[data-v-
|
|
4332
|
+
.button-group-icon-button[data-v-e39022cf] {
|
|
4318
4333
|
|
|
4319
4334
|
width: 100%;
|
|
4320
4335
|
|
|
@@ -4346,7 +4361,7 @@ a.maker-anchor {
|
|
|
4346
4361
|
|
|
4347
4362
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
|
|
4348
4363
|
}
|
|
4349
|
-
.button-group-image-button[data-v-
|
|
4364
|
+
.button-group-image-button[data-v-e39022cf] {
|
|
4350
4365
|
|
|
4351
4366
|
width: 100%;
|
|
4352
4367
|
|
|
@@ -4380,7 +4395,7 @@ a.maker-anchor {
|
|
|
4380
4395
|
|
|
4381
4396
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
|
|
4382
4397
|
}
|
|
4383
|
-
.button-group-button[data-v-
|
|
4398
|
+
.button-group-button[data-v-e39022cf] {
|
|
4384
4399
|
|
|
4385
4400
|
width: 100%;
|
|
4386
4401
|
|
|
@@ -5198,7 +5213,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
|
|
|
5198
5213
|
max-height: 45vh;
|
|
5199
5214
|
}
|
|
5200
5215
|
|
|
5201
|
-
.empty-para[data-v-
|
|
5216
|
+
.empty-para[data-v-a22efdb4] p:empty::after {
|
|
5202
5217
|
content: '\00A0';
|
|
5203
5218
|
}
|
|
5204
5219
|
|
|
@@ -5405,13 +5420,13 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
|
|
|
5405
5420
|
overflow-wrap: break-word;
|
|
5406
5421
|
}
|
|
5407
5422
|
|
|
5408
|
-
.c-text-container[data-v-
|
|
5423
|
+
.c-text-container[data-v-8525aa87] {
|
|
5409
5424
|
max-width: var(--brandsite-max-width);
|
|
5410
5425
|
margin: 0 auto;
|
|
5411
5426
|
padding-left: var(--page-padding);
|
|
5412
5427
|
padding-right: var(--page-padding);
|
|
5413
5428
|
}
|
|
5414
|
-
.device--mobile .grid-container[data-v-
|
|
5429
|
+
.device--mobile .grid-container[data-v-8525aa87] {
|
|
5415
5430
|
display: -webkit-box;
|
|
5416
5431
|
display: -ms-flexbox;
|
|
5417
5432
|
display: flex;
|
|
@@ -5421,7 +5436,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
|
|
|
5421
5436
|
flex-direction: column;
|
|
5422
5437
|
}
|
|
5423
5438
|
@media (max-width: 767px) {
|
|
5424
|
-
.grid-container[data-v-
|
|
5439
|
+
.grid-container[data-v-8525aa87] {
|
|
5425
5440
|
display: -webkit-box;
|
|
5426
5441
|
display: -ms-flexbox;
|
|
5427
5442
|
display: flex;
|
|
@@ -5432,7 +5447,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
|
|
|
5432
5447
|
}
|
|
5433
5448
|
}
|
|
5434
5449
|
@media (min-width: 767px) {
|
|
5435
|
-
.grid-container[data-v-
|
|
5450
|
+
.grid-container[data-v-8525aa87] {
|
|
5436
5451
|
display: grid;
|
|
5437
5452
|
}
|
|
5438
5453
|
}
|
|
@@ -5797,10 +5812,10 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
|
|
|
5797
5812
|
text-align: center
|
|
5798
5813
|
}
|
|
5799
5814
|
|
|
5800
|
-
.c_banner--with-image-overlay[data-v-
|
|
5815
|
+
.c_banner--with-image-overlay[data-v-dcac170d] {
|
|
5801
5816
|
min-height: 24rem;
|
|
5802
5817
|
}
|
|
5803
|
-
.c_banner--divided-container[data-v-
|
|
5818
|
+
.c_banner--divided-container[data-v-dcac170d] {
|
|
5804
5819
|
min-height: 30rem;
|
|
5805
5820
|
-webkit-box-orient: horizontal;
|
|
5806
5821
|
-webkit-box-direction: normal;
|
|
@@ -5808,67 +5823,67 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
|
|
|
5808
5823
|
flex-direction: row;
|
|
5809
5824
|
gap: 1rem;
|
|
5810
5825
|
}
|
|
5811
|
-
.device-wrapper--mobile .c_banner--divided-container[data-v-
|
|
5826
|
+
.device-wrapper--mobile .c_banner--divided-container[data-v-dcac170d] {
|
|
5812
5827
|
-webkit-box-orient: vertical;
|
|
5813
5828
|
-webkit-box-direction: reverse;
|
|
5814
5829
|
-ms-flex-direction: column-reverse;
|
|
5815
5830
|
flex-direction: column-reverse;
|
|
5816
5831
|
}
|
|
5817
|
-
.c_banner-container[data-v-
|
|
5832
|
+
.c_banner-container[data-v-dcac170d] {
|
|
5818
5833
|
max-width: var(--brandsite-max-width);
|
|
5819
5834
|
margin: 0 auto;
|
|
5820
5835
|
}
|
|
5821
|
-
.c_banner--with-image-flip[data-v-
|
|
5836
|
+
.c_banner--with-image-flip[data-v-dcac170d] {
|
|
5822
5837
|
-webkit-box-orient: horizontal;
|
|
5823
5838
|
-webkit-box-direction: reverse;
|
|
5824
5839
|
-ms-flex-direction: row-reverse;
|
|
5825
5840
|
flex-direction: row-reverse;
|
|
5826
5841
|
}
|
|
5827
|
-
.c_banner--divided-container[data-v-
|
|
5842
|
+
.c_banner--divided-container[data-v-dcac170d] .full-square-image {
|
|
5828
5843
|
width: 100%;
|
|
5829
5844
|
aspect-ratio: 1/1;
|
|
5830
5845
|
-o-object-fit: cover;
|
|
5831
5846
|
object-fit: cover;
|
|
5832
5847
|
}
|
|
5833
5848
|
@container (min-width: 640px) {
|
|
5834
|
-
.c_banner-container--left-aligned-stacking[data-v-
|
|
5849
|
+
.c_banner-container--left-aligned-stacking[data-v-dcac170d] {
|
|
5835
5850
|
-webkit-box-orient: horizontal;
|
|
5836
5851
|
-webkit-box-direction: normal;
|
|
5837
5852
|
-ms-flex-direction: row;
|
|
5838
5853
|
flex-direction: row;
|
|
5839
5854
|
}
|
|
5840
|
-
.c_banner-container--right-aligned-stacking[data-v-
|
|
5855
|
+
.c_banner-container--right-aligned-stacking[data-v-dcac170d] {
|
|
5841
5856
|
-webkit-box-orient: horizontal;
|
|
5842
5857
|
-webkit-box-direction: reverse;
|
|
5843
5858
|
-ms-flex-direction: row-reverse;
|
|
5844
5859
|
flex-direction: row-reverse;
|
|
5845
5860
|
}
|
|
5846
|
-
.c_banner-button--stacking[data-v-
|
|
5861
|
+
.c_banner-button--stacking[data-v-dcac170d] {
|
|
5847
5862
|
width: -webkit-fit-content;
|
|
5848
5863
|
width: -moz-fit-content;
|
|
5849
5864
|
width: fit-content;
|
|
5850
5865
|
}
|
|
5851
5866
|
}
|
|
5852
5867
|
@container (max-width: 640px) {
|
|
5853
|
-
.c_banner-container--left-aligned-stacking[data-v-
|
|
5868
|
+
.c_banner-container--left-aligned-stacking[data-v-dcac170d] {
|
|
5854
5869
|
-webkit-box-orient: vertical;
|
|
5855
5870
|
-webkit-box-direction: normal;
|
|
5856
5871
|
-ms-flex-direction: column;
|
|
5857
5872
|
flex-direction: column;
|
|
5858
5873
|
}
|
|
5859
|
-
.c_banner-container--right-aligned-stacking[data-v-
|
|
5874
|
+
.c_banner-container--right-aligned-stacking[data-v-dcac170d] {
|
|
5860
5875
|
-webkit-box-orient: vertical;
|
|
5861
5876
|
-webkit-box-direction: normal;
|
|
5862
5877
|
-ms-flex-direction: column;
|
|
5863
5878
|
flex-direction: column;
|
|
5864
5879
|
}
|
|
5865
|
-
.c_banner-item--stacking[data-v-
|
|
5880
|
+
.c_banner-item--stacking[data-v-dcac170d] {
|
|
5866
5881
|
width: 100%;
|
|
5867
5882
|
}
|
|
5868
|
-
.c_banner-button--stacking[data-v-
|
|
5883
|
+
.c_banner-button--stacking[data-v-dcac170d] {
|
|
5869
5884
|
width: 100%;
|
|
5870
5885
|
}
|
|
5871
|
-
.c_banner--divided-container[data-v-
|
|
5886
|
+
.c_banner--divided-container[data-v-dcac170d] {
|
|
5872
5887
|
-webkit-box-orient: vertical;
|
|
5873
5888
|
-webkit-box-direction: reverse;
|
|
5874
5889
|
-ms-flex-direction: column-reverse;
|
|
@@ -7223,16 +7238,16 @@ body {
|
|
|
7223
7238
|
width: auto;
|
|
7224
7239
|
}
|
|
7225
7240
|
|
|
7226
|
-
.sortable[data-v-
|
|
7241
|
+
.sortable[data-v-6ae8aee3] {
|
|
7227
7242
|
outline-color: #F7768C;
|
|
7228
7243
|
outline-width: 0.2rem;
|
|
7229
7244
|
}
|
|
7230
|
-
.sortable-ghost[data-v-
|
|
7245
|
+
.sortable-ghost[data-v-6ae8aee3] {
|
|
7231
7246
|
visibility: hidden;
|
|
7232
7247
|
padding: 0px;
|
|
7233
7248
|
z-index: -1;
|
|
7234
7249
|
}
|
|
7235
|
-
.sortable-ghost[data-v-
|
|
7250
|
+
.sortable-ghost[data-v-6ae8aee3]::after {
|
|
7236
7251
|
visibility: visible;
|
|
7237
7252
|
position: absolute;
|
|
7238
7253
|
left: 50%;
|
|
@@ -7245,13 +7260,13 @@ body {
|
|
|
7245
7260
|
transform: translateX(-50%);
|
|
7246
7261
|
width: calc(100% - var(--page-padding) * 2);
|
|
7247
7262
|
}
|
|
7248
|
-
.sortable-drag[data-v-
|
|
7263
|
+
.sortable-drag[data-v-6ae8aee3] {
|
|
7249
7264
|
z-index: -1;
|
|
7250
7265
|
}
|
|
7251
|
-
.sortable-drag .c-nav-below-logo[data-v-
|
|
7266
|
+
.sortable-drag .c-nav-below-logo[data-v-6ae8aee3] {
|
|
7252
7267
|
display: none;
|
|
7253
7268
|
}
|
|
7254
|
-
.sortable-drag[data-v-
|
|
7269
|
+
.sortable-drag[data-v-6ae8aee3]::after {
|
|
7255
7270
|
visibility: visible;
|
|
7256
7271
|
position: absolute;
|
|
7257
7272
|
top: 0px;
|
|
@@ -7265,17 +7280,17 @@ body {
|
|
|
7265
7280
|
width: calc(100% - var(--page-padding) * 2);
|
|
7266
7281
|
outline-style: solid;
|
|
7267
7282
|
}
|
|
7268
|
-
.brand-page__content--container[data-v-
|
|
7283
|
+
.brand-page__content--container[data-v-6ae8aee3] {
|
|
7269
7284
|
padding-left: var(--page-padding);
|
|
7270
7285
|
padding-right: var(--page-padding);
|
|
7271
7286
|
}
|
|
7272
|
-
.brand-page__content--container--brandsite[data-v-
|
|
7287
|
+
.brand-page__content--container--brandsite[data-v-6ae8aee3] {
|
|
7273
7288
|
max-width: var(--brandsite-max-width);
|
|
7274
7289
|
margin: 0 auto;
|
|
7275
7290
|
padding-left: var(--page-padding);
|
|
7276
7291
|
padding-right: var(--page-padding);
|
|
7277
7292
|
}
|
|
7278
|
-
.brand-page__content--outline-selected[data-v-
|
|
7293
|
+
.brand-page__content--outline-selected[data-v-6ae8aee3] {
|
|
7279
7294
|
position: relative;
|
|
7280
7295
|
z-index: 10;
|
|
7281
7296
|
outline-color: #F7768C;
|
|
@@ -8130,11 +8145,11 @@ body {
|
|
|
8130
8145
|
min-width: 33.333333%
|
|
8131
8146
|
}
|
|
8132
8147
|
|
|
8133
|
-
.rich-text-editor[data-v-
|
|
8148
|
+
.rich-text-editor[data-v-fcad558e]:focus-within {
|
|
8134
8149
|
--tw-border-opacity: 1;
|
|
8135
8150
|
border-color: rgb(94 94 94 / var(--tw-border-opacity));
|
|
8136
8151
|
}
|
|
8137
|
-
.style-editor[data-v-
|
|
8152
|
+
.style-editor[data-v-fcad558e] {
|
|
8138
8153
|
display: -webkit-box;
|
|
8139
8154
|
display: -ms-flexbox;
|
|
8140
8155
|
display: flex;
|
|
@@ -8145,7 +8160,7 @@ body {
|
|
|
8145
8160
|
-ms-flex-wrap: wrap;
|
|
8146
8161
|
flex-wrap: wrap;
|
|
8147
8162
|
}
|
|
8148
|
-
.style-editor[data-v-
|
|
8163
|
+
.style-editor[data-v-fcad558e] button:not(.c-button-style) {
|
|
8149
8164
|
display: -webkit-box;
|
|
8150
8165
|
display: -ms-flexbox;
|
|
8151
8166
|
display: flex;
|
|
@@ -8155,16 +8170,16 @@ body {
|
|
|
8155
8170
|
padding-left: 0.5rem;
|
|
8156
8171
|
padding-right: 0.5rem;
|
|
8157
8172
|
}
|
|
8158
|
-
.style-editor-button[data-v-
|
|
8173
|
+
.style-editor-button[data-v-fcad558e] {
|
|
8159
8174
|
cursor: pointer;
|
|
8160
8175
|
padding-left: 0.25rem;
|
|
8161
8176
|
padding-top: 0.25rem;
|
|
8162
8177
|
}
|
|
8163
|
-
.toolbar-editor-button.active[data-v-
|
|
8178
|
+
.toolbar-editor-button.active[data-v-fcad558e] {
|
|
8164
8179
|
font-weight: 700;
|
|
8165
8180
|
background: #e3e3e3;
|
|
8166
8181
|
}
|
|
8167
|
-
.toolbar-editor-button[data-v-
|
|
8182
|
+
.toolbar-editor-button[data-v-fcad558e] {
|
|
8168
8183
|
height: 32px;
|
|
8169
8184
|
width: 32px;
|
|
8170
8185
|
border-radius: 4px;
|
|
@@ -8182,7 +8197,7 @@ body {
|
|
|
8182
8197
|
-ms-flex-pack: center;
|
|
8183
8198
|
justify-content: center;
|
|
8184
8199
|
}
|
|
8185
|
-
[data-v-
|
|
8200
|
+
[data-v-fcad558e] .ProseMirror {
|
|
8186
8201
|
border-top: 1px solid #ccc;
|
|
8187
8202
|
min-height: 150px;
|
|
8188
8203
|
padding: 8px;
|
|
@@ -8195,10 +8210,10 @@ body {
|
|
|
8195
8210
|
max-height: 14rem;
|
|
8196
8211
|
overflow: auto;
|
|
8197
8212
|
}
|
|
8198
|
-
[data-v-
|
|
8213
|
+
[data-v-fcad558e] .ProseMirror:focus {
|
|
8199
8214
|
outline: none;
|
|
8200
8215
|
}
|
|
8201
|
-
[data-v-
|
|
8216
|
+
[data-v-fcad558e] .ProseMirror * {
|
|
8202
8217
|
text-align: left !important;
|
|
8203
8218
|
font-size: 16px !important;
|
|
8204
8219
|
color: #606060 !important;
|
|
@@ -8207,17 +8222,25 @@ body {
|
|
|
8207
8222
|
background-color: transparent !important;
|
|
8208
8223
|
font-family: 'Lato' !important;
|
|
8209
8224
|
}
|
|
8210
|
-
.
|
|
8225
|
+
[data-v-fcad558e] .ProseMirror a,[data-v-fcad558e] .ProseMirror a * {
|
|
8226
|
+
color: #0097d7 !important;
|
|
8227
|
+
text-decoration: underline !important;
|
|
8228
|
+
}
|
|
8229
|
+
.error-message[data-v-fcad558e] {
|
|
8211
8230
|
color: #d32f2f;
|
|
8212
8231
|
font-size: 0.875rem;
|
|
8213
8232
|
margin-top: 4px;
|
|
8214
8233
|
}
|
|
8215
|
-
.
|
|
8234
|
+
.popup-container[data-v-fcad558e] {
|
|
8216
8235
|
position: absolute;
|
|
8217
|
-
z-index:
|
|
8236
|
+
z-index: 10;
|
|
8218
8237
|
right: 8%;
|
|
8219
8238
|
}
|
|
8220
|
-
.
|
|
8239
|
+
.hyperlink-preview[data-v-fcad558e] {
|
|
8240
|
+
position: absolute;
|
|
8241
|
+
z-index: 10;
|
|
8242
|
+
}
|
|
8243
|
+
.popup-panel[data-v-fcad558e] {
|
|
8221
8244
|
background: #fff;
|
|
8222
8245
|
border: 1px solid #ccc;
|
|
8223
8246
|
border-radius: 8px;
|
|
@@ -8225,17 +8248,17 @@ body {
|
|
|
8225
8248
|
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
|
|
8226
8249
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
|
|
8227
8250
|
}
|
|
8228
|
-
.
|
|
8251
|
+
.popup-panel[data-v-fcad558e] input {
|
|
8229
8252
|
border: 1px solid #ccc;
|
|
8230
8253
|
border-radius: 8px;
|
|
8231
8254
|
}
|
|
8232
|
-
.border[data-v-
|
|
8255
|
+
.border[data-v-fcad558e] {
|
|
8233
8256
|
width: 100%;
|
|
8234
8257
|
--tw-bg-opacity: 1;
|
|
8235
8258
|
background-color: rgb(208 208 208 / var(--tw-bg-opacity));
|
|
8236
8259
|
height: 1px;
|
|
8237
8260
|
}
|
|
8238
|
-
[data-v-
|
|
8261
|
+
[data-v-fcad558e] .text-dropdown-title {
|
|
8239
8262
|
height: 2rem;
|
|
8240
8263
|
width: 100%;
|
|
8241
8264
|
font-size: 0.875rem;
|
|
@@ -8244,7 +8267,7 @@ body {
|
|
|
8244
8267
|
color: rgb(43 43 43 / var(--tw-text-opacity));
|
|
8245
8268
|
font-weight: 300;
|
|
8246
8269
|
}
|
|
8247
|
-
[data-v-
|
|
8270
|
+
[data-v-fcad558e] .ProseMirror p.is-editor-empty:first-child::before {
|
|
8248
8271
|
--tw-text-opacity: 1;
|
|
8249
8272
|
color: rgb(208 208 208 / var(--tw-text-opacity));
|
|
8250
8273
|
content: attr(data-placeholder);
|
|
@@ -8253,53 +8276,56 @@ body {
|
|
|
8253
8276
|
pointer-events: none;
|
|
8254
8277
|
}
|
|
8255
8278
|
@media (max-width: 399px) {
|
|
8256
|
-
.style-editor-button-font[data-v-
|
|
8257
|
-
.style-editor-button-textstyle[data-v-
|
|
8279
|
+
.style-editor-button-font[data-v-fcad558e],
|
|
8280
|
+
.style-editor-button-textstyle[data-v-fcad558e] {
|
|
8258
8281
|
max-width: 48%;
|
|
8259
8282
|
padding-bottom: 0.25rem;
|
|
8260
8283
|
}
|
|
8261
|
-
.style-editor-button.stepper[data-v-
|
|
8284
|
+
.style-editor-button.stepper[data-v-fcad558e] {
|
|
8262
8285
|
max-width: 40%;
|
|
8263
8286
|
}
|
|
8264
|
-
.style-editor-button-stepper[data-v-
|
|
8287
|
+
.style-editor-button-stepper[data-v-fcad558e] {
|
|
8265
8288
|
max-width: 100%;
|
|
8266
8289
|
}
|
|
8267
|
-
.border.desktop[data-v-
|
|
8290
|
+
.border.desktop[data-v-fcad558e] {
|
|
8268
8291
|
display: none;
|
|
8269
8292
|
}
|
|
8270
|
-
.border.mobile[data-v-
|
|
8293
|
+
.border.mobile[data-v-fcad558e] {
|
|
8271
8294
|
display: block;
|
|
8272
8295
|
}
|
|
8273
|
-
[data-v-
|
|
8296
|
+
[data-v-fcad558e] .left-align {
|
|
8274
8297
|
-webkit-transform: translateX(-50%);
|
|
8275
8298
|
transform: translateX(-50%);
|
|
8276
8299
|
}
|
|
8300
|
+
.hyperlink-popup[data-v-fcad558e] {
|
|
8301
|
+
z-index: 9999;
|
|
8302
|
+
}
|
|
8277
8303
|
}
|
|
8278
8304
|
@media (min-width: 400px) {
|
|
8279
|
-
.style-editor-button.stepper[data-v-
|
|
8305
|
+
.style-editor-button.stepper[data-v-fcad558e] {
|
|
8280
8306
|
max-width: 32%;
|
|
8281
8307
|
}
|
|
8282
|
-
.style-editor-button-font[data-v-
|
|
8308
|
+
.style-editor-button-font[data-v-fcad558e] {
|
|
8283
8309
|
max-width: 28%;
|
|
8284
8310
|
}
|
|
8285
|
-
.style-editor-button-stepper[data-v-
|
|
8311
|
+
.style-editor-button-stepper[data-v-fcad558e] {
|
|
8286
8312
|
max-width: 100%;
|
|
8287
8313
|
}
|
|
8288
|
-
.style-editor-button-textstyle[data-v-
|
|
8314
|
+
.style-editor-button-textstyle[data-v-fcad558e] {
|
|
8289
8315
|
max-width: 25%;
|
|
8290
8316
|
}
|
|
8291
|
-
.border.desktop[data-v-
|
|
8317
|
+
.border.desktop[data-v-fcad558e] {
|
|
8292
8318
|
display: block;
|
|
8293
8319
|
}
|
|
8294
|
-
.border.mobile[data-v-
|
|
8320
|
+
.border.mobile[data-v-fcad558e] {
|
|
8295
8321
|
display: none;
|
|
8296
8322
|
}
|
|
8297
|
-
[data-v-
|
|
8323
|
+
[data-v-fcad558e] .left-align {
|
|
8298
8324
|
-webkit-transform: translateX(-25%);
|
|
8299
8325
|
transform: translateX(-25%);
|
|
8300
8326
|
}
|
|
8301
8327
|
}
|
|
8302
|
-
.drop-down-item[data-v-
|
|
8328
|
+
.drop-down-item[data-v-fcad558e]:hover {
|
|
8303
8329
|
background-color: #eee;
|
|
8304
8330
|
}
|
|
8305
8331
|
|
|
@@ -8347,7 +8373,7 @@ input[type='number'][data-v-28a532b4] {
|
|
|
8347
8373
|
align-items: flex-start;
|
|
8348
8374
|
}
|
|
8349
8375
|
|
|
8350
|
-
.text-item-preview[data-v-
|
|
8376
|
+
.text-item-preview[data-v-4d5ca58f] {
|
|
8351
8377
|
overflow: hidden;
|
|
8352
8378
|
text-overflow: ellipsis;
|
|
8353
8379
|
max-height: 21px;
|
|
@@ -8531,11 +8557,11 @@ input[type='number'][data-v-28a532b4] {
|
|
|
8531
8557
|
}
|
|
8532
8558
|
}
|
|
8533
8559
|
|
|
8534
|
-
.template-preview[data-v-
|
|
8560
|
+
.template-preview[data-v-c5fa6125] {
|
|
8535
8561
|
position: relative;
|
|
8536
8562
|
background-attachment: initial !important
|
|
8537
8563
|
}
|
|
8538
|
-
.template-preview__overlay[data-v-
|
|
8564
|
+
.template-preview__overlay[data-v-c5fa6125] {
|
|
8539
8565
|
position: absolute;
|
|
8540
8566
|
top: 0px;
|
|
8541
8567
|
left: 0px;
|
|
@@ -8546,10 +8572,10 @@ input[type='number'][data-v-28a532b4] {
|
|
|
8546
8572
|
cursor: pointer;
|
|
8547
8573
|
opacity: 0
|
|
8548
8574
|
}
|
|
8549
|
-
.template-preview__page[data-v-
|
|
8575
|
+
.template-preview__page[data-v-c5fa6125] {
|
|
8550
8576
|
pointer-events: none
|
|
8551
8577
|
}
|
|
8552
|
-
.template-preview[data-v-
|
|
8578
|
+
.template-preview[data-v-c5fa6125] .c-shape-background {
|
|
8553
8579
|
position: absolute
|
|
8554
8580
|
}
|
|
8555
8581
|
|