Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity
20,602 Commits 3 Branches 547 Tags
c75f30ce4e346d8697a2d3df78fa601af834d07a
Commit Graph

102 Commits

Author SHA1 Message Date
Rostislav Wolny
c75f30ce4e Move border settings for the editor to theme.json 
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
b90a35d80a Add definition of default heading font-sizes and renderer support 
Initially, I tried to place the definition to theme.json
(It could set it in styles.block.core/heading or styles.elements.h1...)
It was not possible to use theme.json because of the fluid typography
feature which, when enabled for a site, causes font sizes to being
converted to the fluid definition (clamp(x, y, z)) and which
is not usable for an email due to very little client support.

We need to make some changes in Gutenberg to be able to disable the feature.
Currently, the code for generating font sizes in CSS generated from the theme.json
looks directly at the global settings of the site.
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
6f3ebc10b8 Remove unnecessary editor styles 
These styles were later overwritten by $editorTheme->get_stylesheet()
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
89a02fce39 Remove unnecessary settings in the DEFAULT_SETTINGS constant 
These settings are later completely replaced by settings generated
from theme.json
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
4b55bb5bb3 Move default core/button styles configuration to integration 
[MAILPOET-5814]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
0daf720d34 Add hook for changing default theme for email editor 
[MAILPOET-5814]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
cd274c0738 Add basic style for buttons 
Default background rendering has to be handled on the button renderer level
because of a specific markup for Outlook (bgcolor attribute). Default text color and paddings are
handled via CSS inlining. That's why they are tested in RendererTest

I used the same background color and font color as the one defined for the button
element in WP core theme.json, and I also used similar padding values
(In core they use "calc(0.667em + 2px) calc(1.333em + 2px)")
[MAILPOET-5814]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
b9b57cc574 Refactor getSettings to work with the mered theme 
The method was loading both themes separately. This commit changes
the behavior so that it uses only the email theme which contains
also the core theme settings.
Instead of modifying the core theme settings in PHP we can now
move these settings into the email editor theme, which is merged
into the core theme.
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
512d47609e Use merged theme in renderer CSS and for font-size slug translation 
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
55dd1d0ab0 Improve getTheme to return merged core theme + email theme 
The idea is that the core theme is a base and we add email-specific
modifications on top of and create a core email theme.
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
0e04a892c2 Inline style declaration from font-size classes 
This is needed for cases where we don't touch the HTML output
to insert font size from the preprocessor (e.g., list item)
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
a472df257a Replace font size slugs with values in typography preprocessor 
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
d62f3c1938 Render email main font family CSS rules in the content wrapper 
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
2573042431 Remove default content styles 
These are no longer needed.
I also found that the settings for font-size for headings were
not used anywhere.
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
c4586d60e9 Move the default font family and font size settings to the theme.json 
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
07e6940162 Add the basic list of font families 
Add basic font families. For now, we use know-how from the current editor
and we use the same list of fonts as were used in the current editor
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
e8bb1b5ac0 Refactor font family rendering using CSS inlining 
We don't reset font family on any level, so there is no need to
bubble the setting using a preprocessor and render the inline styles
explicitly in every block.

In this commit, I change how font-family settings are distributed/rendered
in the email renderer. In the new approach, we rely on class names defining font-family
and a generated CSS sheet with font-family definitions.
We apply the font-family CSS by inlining CSS rules for families in the later phase of
rendering after all individual blocks are processed.
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
a7aaf97070 Improve typography preprocessor to get font family value from slugs 
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
890050fdc8 Fix font-family processing in the typography preprocessor. 
The font-family property is not included under styles but at the top level
of block attributes.
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Rostislav Wolny
429f0ce081 Enable font family selection in email editor 
Initially, we use just basic serif and sans serif fonts.
[MAILPOET-5740]
 2024-01-23 16:47:48 +01:00
Pavel Dohnal
db9813a3aa Remove gradients from the new email editor 
[MAILPOET-5824]
 2024-01-19 13:13:27 +01:00
Jan Lysý
b68df77aee Simplify ListBlock renderer 
Because for nesting is better to doesn't have any wrapper, we add configured styles directly to the list tag
[MAILPOET-5790]
 2024-01-11 14:39:08 +01:00
Rostislav Wolny
9c87ec233f Add comment about numeric values in BlocksWidthPreprocessor 
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
7cbc130893 Pass default font-size in email attrs in TypographyPreprocessor 
It is convenient to always know font-size in nested blocks so that we don't
have to read it from the settings controller.
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
327a23ca81 Improve typography preprocessor to distribute font color from theme.json 
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
9b05e46690 Use theme.json defined background in renderer 
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
280ad2e159 Add base text and background color to theme.json 
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
16da082c42 Add schema to email editor theme.json 
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
c5ad2405aa Add Flex Renderer test 
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
820af6454b Extract flex layout rendering functionality to an extra class 
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
b626252b39 Add support for text decoration to typography preprocessor 2024-01-08 09:21:16 +01:00
Rostislav Wolny
2032370f03 Add default core editor styles 
We accidentally removed them when adding layout styles.
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
bfa7b509cc Add buttons block rendering 
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
4dd273b429 Add reduced flex layout for buttons block 
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
f907f574ea Fix block width preprocessor for blocks with percentage width 
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
6807189df3 Enable border-related settings in the email editor 
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
3a74c1c4a0 Enable blocks and register dummy button/buttons renderers 
[MAILPOET-5644]
 2024-01-08 09:21:16 +01:00
Rostislav Wolny
f9a7ffc337 Allow title for the email custom post 
[MAILPOET-5646]
 2024-01-08 12:04:06 +05:00
Jan Lysý
28a3d40bda Fix column with calculation when missing 
In specific cases could defining padding for columns without width looked differently in preview.
[MAILPOET-5739]
 2024-01-05 11:17:46 +01:00
Jan Lysý
4b306dbca1 Remove unused constant 
[MAILPOET-5642]
 2024-01-05 10:17:23 +01:00
Jan Lysý
6aca73ff2e Remove exception in width block width calculation 
[MAILPOET-5642]
 2024-01-05 10:17:23 +01:00
Jan Lysý
37d893ff47 Disable fontWeight settings for Paragraphs 
[MAILPOET-5642]
 2024-01-05 10:17:23 +01:00
Jan Lysý
52214962a6 Disable dropCap settings for Paragraphs 
[MAILPOET-5642]
 2024-01-05 10:17:23 +01:00
Jan Lysý
52e8fc3a12 Add exception for subtracting padding for full-width blocks 
[MAILPOET-5688]
 2023-12-21 13:04:10 +01:00
Jan Lysý
1b94347bb4 Add wrapping full-width blocks into core/column block 
[MAILPOET-5688]
 2023-12-21 13:04:10 +01:00
Jan Lysý
6ec1a46492 Add theme.json containing padding and email width 
I used theme.json for generating classes useful for full-width in the email editor.
[MAILPOET-5688]
 2023-12-21 13:04:10 +01:00
Jan Lysý
a854c3407a Enable alignWide in BlockEditor 
[MAILPOET-5688]
 2023-12-21 13:04:10 +01:00
Jan Lysý
aa40d7eb7b Set BlockList layout 
[MAILPOET-5688]
 2023-12-21 13:04:10 +01:00
Rostislav Wolny
91b8ed9dde Fix displaying columns full width in the gmail app 
The content wrapping table was not set width 100%.
However, the table is not needed since each column block adds its own table.
So removing the incorrect table fixes the issue.
[MAILPOET-5753]
 2023-12-07 16:56:40 +01:00
Jan Lysý
7792331999 Add rendering improvements for Outlook 
[MAILPOET-5705]
 2023-11-27 12:54:30 +01:00