Skip to content

Global styles: add custom CSS panel to site editor #46141

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
aaronrobertshaw merged 39 commits into from
Dec 13, 2022
Merged

Global styles: add custom CSS panel to site editor #46141

Changes from 1 commit
Commits
Show all changes
39 commits
Select commit Hold shift + click to select a range
9c926f3
Try adding a custom CSS panel to global styles
glendaviesnz Dec 5, 2022
64d22a9
Update screen-css.js
carolinan Jul 1, 2022
28b5fb6
Update
carolinan Jul 5, 2022
c0bfa6b
Fix fatal error and update compat directory
Mamaduka Nov 29, 2022
0678fa8
No need to enable REST API support for custom_css post type
Mamaduka Nov 29, 2022
d9cced1
Fix PHPLint errors
Mamaduka Nov 29, 2022
a5b66c2
Switch to using core data store instead of direct fetches to API
glendaviesnz Nov 30, 2022
6473e7d
Render the custom css into the site editor
glendaviesnz Nov 30, 2022
144cee4
Switch to the useEntityRecord hook
glendaviesnz Nov 30, 2022
49ede18
remove use of custom_css post type as switching to use global styles
glendaviesnz Dec 1, 2022
31919b3
Switch to using global styles to store the custom css
glendaviesnz Dec 1, 2022
f13667c
Fix useMemo dependencies
Mamaduka Dec 2, 2022
23792ef
The 'css' value should be string
Mamaduka Dec 2, 2022
28fc3b0
Add custom css to editor settings
glendaviesnz Dec 12, 2022
607b48e
Refactor globals css in site editor now custom css in editor settings
glendaviesnz Dec 4, 2022
2304cd3
Add test for customCSS in get_stylesheet
glendaviesnz Dec 4, 2022
f562190
update rest endpoints
glendaviesnz Dec 8, 2022
76e3a78
Fix linting issues
glendaviesnz Dec 6, 2022
08846c0
Fix file naming issue
glendaviesnz Dec 6, 2022
4cc2a0e
Fix issue with not being able to remove existing custom css
glendaviesnz Dec 7, 2022
c5f05d7
Fix casing of php function param
glendaviesnz Dec 7, 2022
a6a67ad
make input font monospace
glendaviesnz Dec 7, 2022
035ce94
Move the custom css to its own stylesheet so invalid styles don't bre…
glendaviesnz Dec 7, 2022
472b828
Add custom css to its own stylesheet instead of combining with other …
glendaviesnz Dec 7, 2022
e8a5bf9
Update the option wording
glendaviesnz Dec 7, 2022
83244a5
use the merged config for custom css so theme.json settings picked up
glendaviesnz Dec 8, 2022
3041744
Use sass var for mono font
glendaviesnz Dec 8, 2022
4794a7c
remove some irrelevant nesting
glendaviesnz Dec 8, 2022
01a7bb4
Update label wording
glendaviesnz Dec 8, 2022
feeea4f
Always return settings
Mamaduka Dec 8, 2022
c933a60
Remove mobile block as probably not needed
glendaviesnz Dec 8, 2022
a1004ba
Port the prepare_items_for_response method in order to pick up new th…
glendaviesnz Dec 8, 2022
414c928
make prepare_item_for_response same as core to make backporting easier
glendaviesnz Dec 8, 2022
abdf4a9
Make sure the get_user_data call is always called at least once by th…
glendaviesnz Dec 12, 2022
43b29dd
Fix test and linting issues
glendaviesnz Dec 12, 2022
d716585
Use instanceof instead of is_a
glendaviesnz Dec 12, 2022
1df72bf
Add theme.json custom css to input box
glendaviesnz Dec 12, 2022
47a6d91
Add explanatory comments
glendaviesnz Dec 13, 2022
b55429d
Changes from code review
glendaviesnz Dec 13, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Use sass var for mono font
  • Loading branch information
@glendaviesnz
glendaviesnz committed Dec 13, 2022
commit 30417443eba15ade5c478413b29d78ca36e7367e
2 changes: 1 addition & 1 deletion packages/edit-site/src/components/global-styles/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -136,5 +136,5 @@ $block-preview-height: 150px;
}

.edit-site-global-styles__custom-css-input textarea {
font-family: Menlo, Consolas, monaco, monospace;
font-family: $editor_html_font;
}