Skip to content

Commit

Permalink
Merge pull request #51 from coliquio/feature/COM-148
Browse files Browse the repository at this point in the history 
feat(COM-148): add disableDefaultFontSizePicker for paragraph block
  • Loading branch information
@elsurn
elsurn authored Sep 12, 2023
2 parents dedb7cd + 1b6110e commit 2141033
Show file tree
Hide file tree
Showing 9 changed files with 515 additions and 424 deletions.
55 changes: 28 additions & 27 deletions build/index.js
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/scripts.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,7 @@ return /******/ (function(modules) { // webpackBootstrap
/*! no static exports found */
/***/ (function(module, exports) {

eval("/**\n * Frontend script\n */\nconst gallery = document.getElementsByClassName('wp-block-coliquio-image-gallery');\nconst iFrame = document.getElementsByClassName('wp-block-coliquio-iframe');\n/**\n * Gallery Block\n */\n\nfunction onOpenGallery() {\n gallery[0].getElementsByClassName('image-gallery-overlay')[0].style.display = 'block';\n document.querySelectorAll('.btn-close-gallery').forEach(node => node.addEventListener('click', onCloseGallery));\n}\n\nfunction onCloseGallery() {\n gallery[0].getElementsByClassName('image-gallery-overlay')[0].style.display = 'none';\n document.querySelectorAll('.btn-close-gallery').forEach(node => node.removeEventListener('click', onCloseGallery));\n}\n\nif (gallery.length > 0) {\n gallery[0].getElementsByClassName('btn-open-gallery')[0].addEventListener('click', onOpenGallery);\n}\n/**\n * iFrame Block\n */\n\n\nif (iFrame.length > 0) {\n const iFrameNode = iFrame[0]; // Only run script if set to 'dynamic'\n\n if (iFrameNode.height === 0) {\n window.addEventListener('message', function (e) {\n const eventName = e.data[0];\n const height = e.data[1];\n\n switch (eventName) {\n case 'setHeight':\n // +2 to compensate for the border\n iFrameNode.height = height + 2;\n break;\n }\n }, false);\n }\n}\n\n//# sourceURL=webpack:///./src/scripts.js?");
eval("/**\n * Frontend script\n */\n\nconst gallery = document.getElementsByClassName('wp-block-coliquio-image-gallery');\nconst iFrame = document.getElementsByClassName('wp-block-coliquio-iframe');\n\n/**\n * Gallery Block\n */\nfunction onOpenGallery() {\n gallery[0].getElementsByClassName('image-gallery-overlay')[0].style.display = 'block';\n document.querySelectorAll('.btn-close-gallery').forEach(node => node.addEventListener('click', onCloseGallery));\n}\nfunction onCloseGallery() {\n gallery[0].getElementsByClassName('image-gallery-overlay')[0].style.display = 'none';\n document.querySelectorAll('.btn-close-gallery').forEach(node => node.removeEventListener('click', onCloseGallery));\n}\nif (gallery.length > 0) {\n gallery[0].getElementsByClassName('btn-open-gallery')[0].addEventListener('click', onOpenGallery);\n}\n\n/**\n * iFrame Block\n */\nif (iFrame.length > 0) {\n const iFrameNode = iFrame[0];\n\n // Only run script if set to 'dynamic'\n if (iFrameNode.height === 0) {\n window.addEventListener('message', function (e) {\n const eventName = e.data[0];\n const height = e.data[1];\n switch (eventName) {\n case 'setHeight':\n // +2 to compensate for the border\n iFrameNode.height = height + 2;\n break;\n }\n }, false);\n }\n}\n\n//# sourceURL=webpack:///./src/scripts.js?");

/***/ })

Expand Down
298 changes: 149 additions & 149 deletions build/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,41 +1,3 @@
[data-type="coliquio/cta"] {
clear: both; }

.wp-block-coliquio-cta {
background-color: var(--green-base);
border: 1px solid var(--green-base);
border-radius: 4px;
color: var(--white-base);
cursor: pointer;
display: inline-block;
font-size: 1.125rem;
font-weight: 400;
margin-bottom: 0.25rem;
outline: 0;
padding: 0.5rem 1rem;
text-align: center;
text-decoration: none;
vertical-align: middle; }
.wp-block-coliquio-cta[contenteditable] {
cursor: text; }
.wp-block-coliquio-cta:active, .wp-block-coliquio-cta:hover {
background-color: var(--green-darken-10);
border: 1px solid var(--black-lighten-20);
color: var(--white-base);
text-decoration: none; }
.wp-block-coliquio-cta--link {
background: none;
border: 1px solid var(--black-lighten-20);
color: var(--black-lighten-20); }
.wp-block-coliquio-cta--link:active, .wp-block-coliquio-cta--link:hover {
background: var(--black-lighten-70);
color: var(--black-lighten-20); }

.components-panel__body .components-base-control__field .components-radio-control__option {
display: flex; }

.components-panel__body .components-base-control__field .components-radio-control__input {
padding: 0; }
.wp-block-coliquio-accordion {
padding: 15px; }
.wp-block-coliquio-accordion .accordion-header {
Expand All @@ -47,6 +9,61 @@
padding: 5px; }
.accordion-component .accordion-component-header {
font-size: 26px; }
:root {
--white-base: #ffffff;

--black-darken-20: #000000;
--black-darken-10: #1A1A1A;
--black-base: #333333;
--black-lighten-10: #4D4D4D;
--black-lighten-20: #666666;
--black-lighten-30: #808080;
--black-lighten-40: #999999;
--black-lighten-50: #B3B3B3;
--black-lighten-60: #CCCCCC;
--black-lighten-70: #E6E6E6;
--black-lighten-75: #F2F2F2;

--blue-darken-35: #091F2F;
--blue-darken-30: #0D2D45;
--blue-darken-20: #154A6F;
--blue-darken-10: #1D669A;
--blue-base: #2581C4;
--blue-accent: #007AFF;
--blue-lighten-10: #439CDB;
--blue-lighten-20: #6DB2E3;
--blue-lighten-30: #98C9EB;
--blue-lighten-40: #C3DFF4;
--blue-lighten-50: #F2F8FD;

--green-darken-20: #376119;
--green-darken-10: #4E8A24;
--green-base: #65B32E;
--green-lighten-10: #7ECF44;
--green-lighten-20: #9AD96D;
--green-lighten-30: #B6E496;
--green-lighten-40: #D2EEBE;

--red-darken-30: #471010;
--red-darken-25: #5B1515;
--red-darken-20: #701919;
--red-darken-10: #9A2323;
--red-base: #C42D2D;
--red-lighten-10: #D64C4C;
--red-lighten-20: #E07676;
--red-lighten-30: #E99F9F;
--red-lighten-40: #F3C9C9;

--orange-darken-35: #522E00;
--orange-darken-30: #6B3D00;
--orange-darken-20: #9E5A00;
--orange-darken-10: #D17600;
--orange-base: #FF9105;
--orange-lighten-10: #FFA938;
--orange-lighten-20: #FFBF6B;
--orange-lighten-30: #FFD59E;
--orange-lighten-40: #FFEBD1;
}
.block-editor-block-list__block[data-type="coliquio/branding-box"] {
clear: both; }
.block-editor-block-list__block[data-type="coliquio/branding-box"] .wp-block-coliquio-branding-box {
Expand Down Expand Up @@ -107,6 +124,63 @@ article .wp-block-coliquio-branding-box {
position: absolute;
top: 5px;
width: 16px; }
.wp-block-coliquio-highlight {
margin: 15px 0; }
.wp-block-coliquio-highlight .title {
border-radius: 6px 6px 0 0;
font-weight: 600;
padding: 10px 15px; }
.wp-block-coliquio-highlight .content {
border-radius: 0 0 6px 6px;
padding: 1px 15px 5px; }
.wp-block-coliquio-highlight.card--primary .title {
color: var(--black-base); }
.wp-block-coliquio-highlight.card--primary .content {
background-color: var(--black-lighten-75);
border-radius: 6px; }
.wp-block-coliquio-highlight.card--secondary .title {
background-color: var(--blue-base);
color: var(--white-base); }
.wp-block-coliquio-highlight.card--secondary .content {
background-color: var(--blue-lighten-50); }
[data-type="coliquio/cta"] {
clear: both; }

.wp-block-coliquio-cta {
background-color: var(--green-base);
border: 1px solid var(--green-base);
border-radius: 4px;
color: var(--white-base);
cursor: pointer;
display: inline-block;
font-size: 1.125rem;
font-weight: 400;
margin-bottom: 0.25rem;
outline: 0;
padding: 0.5rem 1rem;
text-align: center;
text-decoration: none;
vertical-align: middle; }
.wp-block-coliquio-cta[contenteditable] {
cursor: text; }
.wp-block-coliquio-cta:active, .wp-block-coliquio-cta:hover {
background-color: var(--green-darken-10);
border: 1px solid var(--black-lighten-20);
color: var(--white-base);
text-decoration: none; }
.wp-block-coliquio-cta--link {
background: none;
border: 1px solid var(--black-lighten-20);
color: var(--black-lighten-20); }
.wp-block-coliquio-cta--link:active, .wp-block-coliquio-cta--link:hover {
background: var(--black-lighten-70);
color: var(--black-lighten-20); }

.components-panel__body .components-base-control__field .components-radio-control__option {
display: flex; }

.components-panel__body .components-base-control__field .components-radio-control__input {
padding: 0; }
article .wp-block-coliquio-accordion-item {
background-color: transparent;
border-left: none;
Expand Down Expand Up @@ -171,86 +245,6 @@ article summary {
padding: 15px 5px; }
.accordion-item-component .accordion-item-header {
font-size: 18px; }
.wp-block-coliquio-iframe {
margin: 15px 0;
min-height: 300px;
width: 100%; }
.wp-block-coliquio-iframe.iframe, .wp-block-coliquio-iframe.iframe-survey {
border: 1px solid var(--black-lighten-40); }
.wp-block-coliquio-highlight {
margin: 15px 0; }
.wp-block-coliquio-highlight .title {
border-radius: 6px 6px 0 0;
font-weight: 600;
padding: 10px 15px; }
.wp-block-coliquio-highlight .content {
border-radius: 0 0 6px 6px;
padding: 1px 15px 5px; }
.wp-block-coliquio-highlight.card--primary .title {
color: var(--black-base); }
.wp-block-coliquio-highlight.card--primary .content {
background-color: var(--black-lighten-75);
border-radius: 6px; }
.wp-block-coliquio-highlight.card--secondary .title {
background-color: var(--blue-base);
color: var(--white-base); }
.wp-block-coliquio-highlight.card--secondary .content {
background-color: var(--blue-lighten-50); }
:root {
--white-base: #ffffff;

--black-darken-20: #000000;
--black-darken-10: #1A1A1A;
--black-base: #333333;
--black-lighten-10: #4D4D4D;
--black-lighten-20: #666666;
--black-lighten-30: #808080;
--black-lighten-40: #999999;
--black-lighten-50: #B3B3B3;
--black-lighten-60: #CCCCCC;
--black-lighten-70: #E6E6E6;
--black-lighten-75: #F2F2F2;

--blue-darken-35: #091F2F;
--blue-darken-30: #0D2D45;
--blue-darken-20: #154A6F;
--blue-darken-10: #1D669A;
--blue-base: #2581C4;
--blue-accent: #007AFF;
--blue-lighten-10: #439CDB;
--blue-lighten-20: #6DB2E3;
--blue-lighten-30: #98C9EB;
--blue-lighten-40: #C3DFF4;
--blue-lighten-50: #F2F8FD;

--green-darken-20: #376119;
--green-darken-10: #4E8A24;
--green-base: #65B32E;
--green-lighten-10: #7ECF44;
--green-lighten-20: #9AD96D;
--green-lighten-30: #B6E496;
--green-lighten-40: #D2EEBE;

--red-darken-30: #471010;
--red-darken-25: #5B1515;
--red-darken-20: #701919;
--red-darken-10: #9A2323;
--red-base: #C42D2D;
--red-lighten-10: #D64C4C;
--red-lighten-20: #E07676;
--red-lighten-30: #E99F9F;
--red-lighten-40: #F3C9C9;

--orange-darken-35: #522E00;
--orange-darken-30: #6B3D00;
--orange-darken-20: #9E5A00;
--orange-darken-10: #D17600;
--orange-base: #FF9105;
--orange-lighten-10: #FFA938;
--orange-lighten-20: #FFBF6B;
--orange-lighten-30: #FFD59E;
--orange-lighten-40: #FFEBD1;
}
section.wp-block-coliquio-media-text {
display: flex;
flex-direction: row;
Expand All @@ -263,6 +257,12 @@ section.wp-block-coliquio-media-text {
section.wp-block-coliquio-media-text .wp-block-group {
display: flex;
flex: 50%; }
.wp-block-coliquio-iframe {
margin: 15px 0;
min-height: 300px;
width: 100%; }
.wp-block-coliquio-iframe.iframe, .wp-block-coliquio-iframe.iframe-survey {
border: 1px solid var(--black-lighten-40); }
.header-valid {
color: var(--green-base);
font-weight: bold; }
Expand Down Expand Up @@ -467,37 +467,6 @@ article .wp-block-image .alignright {
article .wp-block-image .alignleft {
display: block;
float: left; }
.wp-block-file {
background-color: var(--green-base);
border: 1px solid var(--green-base);
border-radius: 4px;
color: var(--white-base);
cursor: pointer;
display: inline-block;
font-size: 1.125rem;
font-weight: 400;
margin-bottom: 0.25rem;
outline: 0;
padding: 0.5rem 1rem;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: text; }
.wp-block-file:active, .wp-block-file:hover {
background-color: var(--green-darken-10);
border: 1px solid var(--black-lighten-20);
color: var(--white-base);
text-decoration: none; }
.wp-block-file.is-style-link {
background: none;
border: 1px solid var(--black-lighten-20);
color: var(--black-lighten-20); }
.wp-block-file.is-style-link:active, .wp-block-file.is-style-link:hover {
background: var(--black-lighten-70);
color: var(--black-lighten-20); }
.wp-block-file .wp-block-file__copy-url-button,
.wp-block-file .wp-block-file__button-richtext-wrapper {
display: none; }
.block-editor-block-list__layout ol,
.block-editor-block-list__layout ul {
padding: 5px 0 0 40px; }
Expand Down Expand Up @@ -540,6 +509,37 @@ article .wp-block-image .alignleft {
height: 16px;
padding-right: 0.6em;
width: 18px; }
.wp-block-file {
background-color: var(--green-base);
border: 1px solid var(--green-base);
border-radius: 4px;
color: var(--white-base);
cursor: pointer;
display: inline-block;
font-size: 1.125rem;
font-weight: 400;
margin-bottom: 0.25rem;
outline: 0;
padding: 0.5rem 1rem;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: text; }
.wp-block-file:active, .wp-block-file:hover {
background-color: var(--green-darken-10);
border: 1px solid var(--black-lighten-20);
color: var(--white-base);
text-decoration: none; }
.wp-block-file.is-style-link {
background: none;
border: 1px solid var(--black-lighten-20);
color: var(--black-lighten-20); }
.wp-block-file.is-style-link:active, .wp-block-file.is-style-link:hover {
background: var(--black-lighten-70);
color: var(--black-lighten-20); }
.wp-block-file .wp-block-file__copy-url-button,
.wp-block-file .wp-block-file__button-richtext-wrapper {
display: none; }
.is-fullscreen-mode .ui-autocomplete {
z-index: 1000; }
/**
Expand Down
Loading

0 comments on commit 2141033

Please sign in to comment.