Skip to content

Commit

Permalink
New/layout block (#258) (#259)
Browse files Browse the repository at this point in the history 
* Init

* Fix setanresetstyles function to close #219

* Disable badges for pxg custom menu items see #214

* Hide badge filed in Customizer preview see #214

* Fix product additional info overflowing to close #231

* Fix WooCommerce categories and subcategories option see #230

* Move stripe styling inside checkout page

* Fix header mobile stacking order see #233

* Fix icon cart menu across all browsers to close #237

* Fix opaque background for mobile menu items to close #236

* Add top spacing for terms and condition to close #239

* Minimal styles for Layout block

* Spacing adjustments layout block

* Minor for spacing

* Adjustments for layout block

* Remove garbage

* Add single template related to Felt

* Add template for page and improve styling for gallery block

* Minor changes to article and page markup

* Merge

* Add dropcap and fix alignments

* Improve header styling with new features

* Update markup to new block naming

* Hide header dropcap under lap

* Improve padding for collection

* Cleaner markup for single

* smarter way for content sidebars

* Simple mark-up for templates

* Remove header dropcap and and add variable for overlapping

* Apply overlapping only on landscape article

* Add wrapper sides spacing

* Overwrite some variables in theme

* Small changes

* Minor changes to font size modifier

* New experiment alignments for Sidecar

* More improvements for Sidecar

* Add new CSS variable overwrite

* Shame cleanup and separate files

* Small adjustments

* Improve blocks on mobile

* Minor

* Progress on editor

* Update min max to content width

* Fix overflow on X

* New customizer options experiment

* Remove margin on aligns

* Better default and improve offset width on responsive

* Use has-sidebar class

* Small changes to sticky top value

* Increase sticky top value only when header is sticky

* Apply font on offset items

* Remove old templates and replace with improved one

* Format code

* Respect title and excerpt height for portrait image

* Fix navigation and comments width

* New meta for single articles

* Add some helping comments

* Size updates for meta component

* Revert border width changes

* Minor improvements to how to output meta

* Apply link on button, not only text

* Update selector used for font size modifier

* Add spacing for widgets inside sidebar

* Update WooCommerce markup to use the latest sidecar CSS

* Spring cleanup

* Display content on WooCommerce pages as wide

* Temporary styling for Categories block and widget

* Style search, categories, latest posts and jetpack subscribe form

* Help editor with some styling for default blocks inside Widgets Panel

* New/meta template (#257)

* New meta for single articles

* Add some helping comments

* Size updates for meta component

* Revert border width changes

* Minor improvements to how to output meta

* Apply link on button, not only text

* Update selector used for font size modifier

* Add spacing for widgets inside sidebar

* Update WooCommerce markup to use the latest sidecar CSS

* Spring cleanup

* Display content on WooCommerce pages as wide

* Show article header only on posts

Co-authored-by: Madalin Gorbanescu <[email protected]>

* New/sidebar block styling (#251)

* New meta for single articles

* Add some helping comments

* Size updates for meta component

* Revert border width changes

* Minor improvements to how to output meta

* Apply link on button, not only text

* Update selector used for font size modifier

* Add spacing for widgets inside sidebar

* Update WooCommerce markup to use the latest sidecar CSS

* Spring cleanup

* Display content on WooCommerce pages as wide

* Temporary styling for Categories block and widget

* Style search, categories, latest posts and jetpack subscribe form

* Help editor with some styling for default blocks inside Widgets Panel

* Release/1.10.0 (#252)

* Init

* Fix setanresetstyles function to close #219

* Disable badges for pxg custom menu items see #214

* Hide badge filed in Customizer preview see #214

* Fix product additional info overflowing to close #231

* Fix WooCommerce categories and subcategories option see #230

* Move stripe styling inside checkout page

* Fix header mobile stacking order see #233

* Fix icon cart menu across all browsers to close #237

* Fix opaque background for mobile menu items to close #236

* Add top spacing for terms and condition to close #239

* Add content justification support for buttons block to close #242

* Improve WooCommerce categories and subcategories list see #232 (#235)

* Handle Dark Mode on older versions of Safari see #220 (#224)

* Add post-thumbnails for all post types to close #250

* Remove console logs

* Additional fix for table td th see #231

* Additional padding for text inside Hero related to #234

* Improve gallery block grid on mobiles see #246

* Bump version to 1.10.0

* Fix WooCommerce grid between 1000 and 768px to close #249

* Properly align shpping fields on cart page to close #254

Co-authored-by: Madalin Gorbanescu <[email protected]>

* Bump version to 1.11.0

* Apply 100% height on textarea

* Update offset width naming

* Improve search widget, remove reading bar on pages and consider site header height for sticky block

* Adjust layout options naming and descriptions

* Fix beta naming

* Remove form styling inside editor

* Remove unused variable

* More cleanup

* Show conversations inside page if user allows it

* Minor change to page and single markup

* Create upgrade logic for container width setting

* content width setting should not be empty

* Increase Nova Blocks minimum version

* Format article header

* Improve SCSS code

* Move some code related to meta

* Use visibility hidden and avoid overwriting

* Better comment for overflow-x hidden on body

* Temporary migration

* Correct migration for when Customify is set to option

* Show display in footer

* Fix spacing on Blog for mobiles

* Fix Share button z-index

* Update Food Menu bcs and bce

Co-authored-by: Madalin Gorbanescu <[email protected]>

Co-authored-by: Madalin Gorbanescu <[email protected]>
  • Loading branch information
@madalingorbanescu
madalingorbanescu and madalingorbanescu authored Jun 4, 2021
1 parent 85971d6 commit 0c799ab
Show file tree
Hide file tree
Showing 96 changed files with 4,157 additions and 1,207 deletions.
3 changes: 3 additions & 0 deletions assets/images/icon-mail.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 1 addition & 3 deletions comments.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,5 @@
} ?>

<div class="comments-area">
<div class="entry-content">
<?php echo do_blocks( '<!-- wp:novablocks/post-comments --><!-- /wp:novablocks/post-comments -->' ); ?>
</div>
<?php echo do_blocks( '<!-- wp:novablocks/post-comments --><!-- /wp:novablocks/post-comments -->' ); ?>
</div>
52 changes: 43 additions & 9 deletions dist/css/block-editor-rtl.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -228,15 +228,20 @@
color: currentColor;
text-decoration: none; }

/* Layout */
.wp-block:not([data-align="wide"]):not([data-align="full"]) {
max-width: var(--theme-content-width-normal); }

.wp-block[data-align="wide"] {
max-width: var(--theme-content-width-wide); }
.editor-post-title .editor-post-title__input {
--font-size: var(--theme-heading-1-font-size);
font-size: var(--final-font-size);
--current-font-family: var(--theme-heading-1-font-family);
--current-font-style: var(--theme-heading-1-font-style);
--current-line-height: var(--theme-heading-1-line-height);
--current-font-weight: var(--theme-heading-1-font-weight);
--current-letter-spacing: var(--theme-heading-1-letter-spacing);
--current-text-transform: var(--theme-heading-1-text-transform);
--current-font-weight: 800;
--current-line-height: 1.2; }

.wp-block[data-align="full"] {
max-width: none; }
.wp-block:not([data-align="wide"]):not([data-align="full"]) {
max-width: 100%; }

/* Typography */
:root {
Expand All @@ -253,6 +258,13 @@
.editor-styles-wrapper [class*="__inner-container"] > .alignfull {
margin-right: calc( -1 * var(--theme-wrapper-sides-spacing));
margin-left: calc( -1 * var(--theme-wrapper-sides-spacing)); }
.editor-styles-wrapper [class*="__inner-container"] > .alignfull.stop-right {
margin-left: 0; }
.editor-styles-wrapper [class*="__inner-container"] > .alignfull.stop-left {
margin-right: 0; }
.editor-styles-wrapper [class*="__inner-container"] > .alignfull.stop-left.stop-right {
margin-right: 0;
margin-left: 0; }
.editor-styles-wrapper[class] {
/* Iframes */
/* Lists */
Expand All @@ -269,7 +281,8 @@
background-color: var(--current-light-primary);
color: var(--current-dark-secondary); }
.editor-styles-wrapper[class] h1, .editor-styles-wrapper[class] h2, .editor-styles-wrapper[class] h3, .editor-styles-wrapper[class] h4, .editor-styles-wrapper[class] h5, .editor-styles-wrapper[class] h6 {
margin-bottom: 0; }
margin-bottom: 0;
font-weight: var(--current-font-weight); }
.editor-styles-wrapper[class] h1, .editor-styles-wrapper[class] .h1 {
--font-size: var(--theme-heading-1-font-size);
font-size: var(--final-font-size);
Expand Down Expand Up @@ -411,6 +424,8 @@
--current-text-transform: var(--theme-meta-text-transform); }
.editor-styles-wrapper[class] p {
font: inherit; }
.editor-styles-wrapper[class] textarea {
min-height: 100%; }
.editor-styles-wrapper a {
--theme-links-color: var(--current-dark-secondary);
--theme-links-decoration-color: var(--current-dark-secondary);
Expand Down Expand Up @@ -578,3 +593,22 @@ h1, .editor-styles-wrapper[class] h2, .editor-styles-wrapper[class] h3, .editor-

.wp-block[data-type="core/buttons"][data-align="right"] .block-editor-block-list__layout {
justify-content: flex-end; }

> .block-editor-block-list__layout:not([data-type="novablocks/sidecar"]),
> .block-editor-block-list__layout:not(.alignfull),
> .block-editor-block-list__layout:not(.alignwide) {
margin-right: auto !important;
margin-left: auto !important; }

.wp-block-widget-area .block-editor-inner-blocks .block-editor-block-list__layout > :not(:first-child) {
--element-spacing: var(--theme-spacing-fluid-small);
margin-top: var(--element-spacing); }

.wp-block-widget-area * {
--font-size-modifier: 0.75; }

.wp-block-widget-area form,
.wp-block-widget-area input,
.wp-block-widget-area button,
.wp-block-widget-area select {
--font-size-modifier: 1; }
52 changes: 43 additions & 9 deletions dist/css/block-editor.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -228,15 +228,20 @@
color: currentColor;
text-decoration: none; }

/* Layout */
.wp-block:not([data-align="wide"]):not([data-align="full"]) {
max-width: var(--theme-content-width-normal); }

.wp-block[data-align="wide"] {
max-width: var(--theme-content-width-wide); }
.editor-post-title .editor-post-title__input {
--font-size: var(--theme-heading-1-font-size);
font-size: var(--final-font-size);
--current-font-family: var(--theme-heading-1-font-family);
--current-font-style: var(--theme-heading-1-font-style);
--current-line-height: var(--theme-heading-1-line-height);
--current-font-weight: var(--theme-heading-1-font-weight);
--current-letter-spacing: var(--theme-heading-1-letter-spacing);
--current-text-transform: var(--theme-heading-1-text-transform);
--current-font-weight: 800;
--current-line-height: 1.2; }

.wp-block[data-align="full"] {
max-width: none; }
.wp-block:not([data-align="wide"]):not([data-align="full"]) {
max-width: 100%; }

/* Typography */
:root {
Expand All @@ -253,6 +258,13 @@
.editor-styles-wrapper [class*="__inner-container"] > .alignfull {
margin-left: calc( -1 * var(--theme-wrapper-sides-spacing));
margin-right: calc( -1 * var(--theme-wrapper-sides-spacing)); }
.editor-styles-wrapper [class*="__inner-container"] > .alignfull.stop-right {
margin-right: 0; }
.editor-styles-wrapper [class*="__inner-container"] > .alignfull.stop-left {
margin-left: 0; }
.editor-styles-wrapper [class*="__inner-container"] > .alignfull.stop-left.stop-right {
margin-left: 0;
margin-right: 0; }
.editor-styles-wrapper[class] {
/* Iframes */
/* Lists */
Expand All @@ -269,7 +281,8 @@
background-color: var(--current-light-primary);
color: var(--current-dark-secondary); }
.editor-styles-wrapper[class] h1, .editor-styles-wrapper[class] h2, .editor-styles-wrapper[class] h3, .editor-styles-wrapper[class] h4, .editor-styles-wrapper[class] h5, .editor-styles-wrapper[class] h6 {
margin-bottom: 0; }
margin-bottom: 0;
font-weight: var(--current-font-weight); }
.editor-styles-wrapper[class] h1, .editor-styles-wrapper[class] .h1 {
--font-size: var(--theme-heading-1-font-size);
font-size: var(--final-font-size);
Expand Down Expand Up @@ -411,6 +424,8 @@
--current-text-transform: var(--theme-meta-text-transform); }
.editor-styles-wrapper[class] p {
font: inherit; }
.editor-styles-wrapper[class] textarea {
min-height: 100%; }
.editor-styles-wrapper a {
--theme-links-color: var(--current-dark-secondary);
--theme-links-decoration-color: var(--current-dark-secondary);
Expand Down Expand Up @@ -578,3 +593,22 @@ h1, .editor-styles-wrapper[class] h2, .editor-styles-wrapper[class] h3, .editor-

.wp-block[data-type="core/buttons"][data-align="right"] .block-editor-block-list__layout {
justify-content: flex-end; }

> .block-editor-block-list__layout:not([data-type="novablocks/sidecar"]),
> .block-editor-block-list__layout:not(.alignfull),
> .block-editor-block-list__layout:not(.alignwide) {
margin-left: auto !important;
margin-right: auto !important; }

.wp-block-widget-area .block-editor-inner-blocks .block-editor-block-list__layout > :not(:first-child) {
--element-spacing: var(--theme-spacing-fluid-small);
margin-top: var(--element-spacing); }

.wp-block-widget-area * {
--font-size-modifier: 0.75; }

.wp-block-widget-area form,
.wp-block-widget-area input,
.wp-block-widget-area button,
.wp-block-widget-area select {
--font-size-modifier: 1; }
Loading

0 comments on commit 0c799ab

Please sign in to comment.