Isolates some gutenberg stle classes to avoid conflicts.

This commit is contained in:
mateuswetah 2020-04-01 10:18:00 -03:00
parent 9f7550266a
commit 7d8641fd55
31 changed files with 151 additions and 140 deletions

View File

@ -1,7 +1,7 @@
[data-align='full'] .block-control {
[data-align='full'] .tainacan-block-control {
width: calc(100% + 14px); }
.block-control {
.tainacan-block-control {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@ -13,25 +13,25 @@
left: -14px;
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
.tainacan-block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
.tainacan-block-control p svg {
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
.tainacan-block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
.tainacan-block-placeholder.components-placeholder {
align-items: center !important;
margin-bottom: 0 !important;
background: #f6f6f6; }
.components-placeholder .components-placeholder__label {
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
display: flex;
flex-direction: row;
justify-content: center;
@ -40,12 +40,12 @@
max-width: 70%;
flex-wrap: wrap;
z-index: 1; }
.components-placeholder .components-placeholder__fieldset p {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
font-size: 1em !important;
margin: 12px;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1em;
top: 4px;
position: relative;

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
[data-align='full'] .block-control {
[data-align='full'] .tainacan-block-control {
width: calc(100% + 14px); }
.block-control {
.tainacan-block-control {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@ -13,25 +13,25 @@
left: -14px;
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
.tainacan-block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
.tainacan-block-control p svg {
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
.tainacan-block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
.tainacan-block-placeholder.components-placeholder {
align-items: center !important;
margin-bottom: 0 !important;
background: #f6f6f6; }
.components-placeholder .components-placeholder__label {
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
display: flex;
flex-direction: row;
justify-content: center;
@ -40,12 +40,12 @@
max-width: 70%;
flex-wrap: wrap;
z-index: 1; }
.components-placeholder .components-placeholder__fieldset p {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
font-size: 1em !important;
margin: 12px;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1em;
top: 4px;
position: relative;

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
[data-align='full'] .block-control {
[data-align='full'] .tainacan-block-control {
width: calc(100% + 14px); }
.block-control {
.tainacan-block-control {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@ -13,25 +13,25 @@
left: -14px;
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
.tainacan-block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
.tainacan-block-control p svg {
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
.tainacan-block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
.tainacan-block-placeholder.components-placeholder {
align-items: center !important;
margin-bottom: 0 !important;
background: #f6f6f6; }
.components-placeholder .components-placeholder__label {
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
display: flex;
flex-direction: row;
justify-content: center;
@ -40,12 +40,12 @@
max-width: 70%;
flex-wrap: wrap;
z-index: 1; }
.components-placeholder .components-placeholder__fieldset p {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
font-size: 1em !important;
margin: 12px;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1em;
top: 4px;
position: relative;

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
[data-align='full'] .block-control {
[data-align='full'] .tainacan-block-control {
width: calc(100% + 14px); }
.block-control {
.tainacan-block-control {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@ -13,25 +13,25 @@
left: -14px;
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
.tainacan-block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
.tainacan-block-control p svg {
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
.tainacan-block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
.tainacan-block-placeholder.components-placeholder {
align-items: center !important;
margin-bottom: 0 !important;
background: #f6f6f6; }
.components-placeholder .components-placeholder__label {
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
display: flex;
flex-direction: row;
justify-content: center;
@ -40,12 +40,12 @@
max-width: 70%;
flex-wrap: wrap;
z-index: 1; }
.components-placeholder .components-placeholder__fieldset p {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
font-size: 1em !important;
margin: 12px;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1em;
top: 4px;
position: relative;

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
[data-align='full'] .block-control {
[data-align='full'] .tainacan-block-control {
width: calc(100% + 14px); }
.block-control {
.tainacan-block-control {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@ -13,25 +13,25 @@
left: -14px;
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
.tainacan-block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
.tainacan-block-control p svg {
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
.tainacan-block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
.tainacan-block-placeholder.components-placeholder {
align-items: center !important;
margin-bottom: 0 !important;
background: #f6f6f6; }
.components-placeholder .components-placeholder__label {
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
display: flex;
flex-direction: row;
justify-content: center;
@ -40,12 +40,12 @@
max-width: 70%;
flex-wrap: wrap;
z-index: 1; }
.components-placeholder .components-placeholder__fieldset p {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
font-size: 1em !important;
margin: 12px;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1em;
top: 4px;
position: relative;

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
[data-align='full'] .block-control {
[data-align='full'] .tainacan-block-control {
width: calc(100% + 14px); }
.block-control {
.tainacan-block-control {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@ -13,25 +13,25 @@
left: -14px;
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
.tainacan-block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
.tainacan-block-control p svg {
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
.tainacan-block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
.tainacan-block-placeholder.components-placeholder {
align-items: center !important;
margin-bottom: 0 !important;
background: #f6f6f6; }
.components-placeholder .components-placeholder__label {
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
display: flex;
flex-direction: row;
justify-content: center;
@ -40,12 +40,12 @@
max-width: 70%;
flex-wrap: wrap;
z-index: 1; }
.components-placeholder .components-placeholder__fieldset p {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
font-size: 1em !important;
margin: 12px;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1em;
top: 4px;
position: relative;

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
[data-align='full'] .block-control {
[data-align='full'] .tainacan-block-control {
width: calc(100% + 14px); }
.block-control {
.tainacan-block-control {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@ -13,25 +13,25 @@
left: -14px;
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
.tainacan-block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
.tainacan-block-control p svg {
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
.tainacan-block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
.tainacan-block-placeholder.components-placeholder {
align-items: center !important;
margin-bottom: 0 !important;
background: #f6f6f6; }
.components-placeholder .components-placeholder__label {
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
display: flex;
flex-direction: row;
justify-content: center;
@ -40,12 +40,12 @@
max-width: 70%;
flex-wrap: wrap;
z-index: 1; }
.components-placeholder .components-placeholder__fieldset p {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
font-size: 1em !important;
margin: 12px;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1em;
top: 4px;
position: relative;

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
[data-align='full'] .block-control {
[data-align='full'] .tainacan-block-control {
width: calc(100% + 14px); }
.block-control {
.tainacan-block-control {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@ -13,25 +13,25 @@
left: -14px;
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
.tainacan-block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
.tainacan-block-control p svg {
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
.tainacan-block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
.tainacan-block-placeholder.components-placeholder {
align-items: center !important;
margin-bottom: 0 !important;
background: #f6f6f6; }
.components-placeholder .components-placeholder__label {
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
display: flex;
flex-direction: row;
justify-content: center;
@ -40,12 +40,12 @@
max-width: 70%;
flex-wrap: wrap;
z-index: 1; }
.components-placeholder .components-placeholder__fieldset p {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
font-size: 1em !important;
margin: 12px;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1em;
top: 4px;
position: relative;

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
[data-align='full'] .block-control {
[data-align='full'] .tainacan-block-control {
width: calc(100% + 14px); }
.block-control {
.tainacan-block-control {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@ -13,25 +13,25 @@
left: -14px;
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
.tainacan-block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
.tainacan-block-control p svg {
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
.tainacan-block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
.tainacan-block-placeholder.components-placeholder {
align-items: center !important;
margin-bottom: 0 !important;
background: #f6f6f6; }
.components-placeholder .components-placeholder__label {
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
display: flex;
flex-direction: row;
justify-content: center;
@ -40,12 +40,12 @@
max-width: 70%;
flex-wrap: wrap;
z-index: 1; }
.components-placeholder .components-placeholder__fieldset p {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
font-size: 1em !important;
margin: 12px;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1em;
top: 4px;
position: relative;

File diff suppressed because one or more lines are too long

View File

@ -1,7 +1,7 @@
[data-align='full'] .block-control {
[data-align='full'] .tainacan-block-control {
width: calc(100% + 14px); }
.block-control {
.tainacan-block-control {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@ -13,25 +13,25 @@
left: -14px;
width: calc(100% + 28px);
background: #f2f2f2; }
.block-control p {
.tainacan-block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
.tainacan-block-control p svg {
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
.tainacan-block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
.tainacan-block-placeholder.components-placeholder {
align-items: center !important;
margin-bottom: 0 !important;
background: #f6f6f6; }
.components-placeholder .components-placeholder__label {
.tainacan-block-placeholder.components-placeholder .components-placeholder__label {
margin-bottom: 0; }
.components-placeholder .components-placeholder__fieldset {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset {
display: flex;
flex-direction: row;
justify-content: center;
@ -40,12 +40,12 @@
max-width: 70%;
flex-wrap: wrap;
z-index: 1; }
.components-placeholder .components-placeholder__fieldset p {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p {
font-size: 1em !important;
margin: 12px;
color: #454647;
fill: #555758; }
.components-placeholder .components-placeholder__fieldset p svg {
.tainacan-block-placeholder.components-placeholder .components-placeholder__fieldset p svg {
margin-right: 1em;
top: 4px;
position: relative;

File diff suppressed because one or more lines are too long

View File

@ -1,9 +1,26 @@
// COMMON TO MOST BLOCKS
// CSS COMMON TO MOST TAINACAN BLOCKS
// Grid mixin for display: grid compatibility
@mixin display-grid {
flex-wrap: wrap;
display: flex;
display: -ms-grid;
display: grid;
}
@mixin grid-child ($col-start, $col-end, $row-start, $row-end) {
-ms-grid-column: $col-start;
-ms-grid-column-span: $col-end - $col-start;
-ms-grid-row: $row-start;
-ms-grid-row-span: $row-end - $row-start;
grid-column: #{$col-start}/#{$col-end};
grid-row: #{$row-start}/#{$row-end};
}
// Control and placeholder region ----------------------------------------------------
[data-align='full'] .block-control {
[data-align='full'] .tainacan-block-control {
width: calc(100% + 14px);
}
.block-control {
.tainacan-block-control {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@ -33,7 +50,7 @@
margin-bottom: 0;
}
}
.components-placeholder {
.tainacan-block-placeholder.components-placeholder {
align-items: center !important;
margin-bottom: 0 !important;
background: #f6f6f6;
@ -66,22 +83,6 @@
}
}
}
// Grid mixin for display: grid compatibility
@mixin display-grid {
flex-wrap: wrap;
display: flex;
display: -ms-grid;
display: grid;
}
@mixin grid-child ($col-start, $col-end, $row-start, $row-end) {
-ms-grid-column: $col-start;
-ms-grid-column-span: $col-end - $col-start;
-ms-grid-row: $row-start;
-ms-grid-row-span: $row-end - $row-start;
grid-column: #{$col-start}/#{$col-end};
grid-row: #{$row-start}/#{$row-end};
}
// Generic style for selection modals ---------------------------
.wp-block-tainacan-modal {

View File

@ -417,7 +417,7 @@ registerBlockType('tainacan/carousel-collections-list', {
}
{ collections.length ? (
<div className="block-control">
<div className="tainacan-block-control">
<p>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -443,6 +443,7 @@ registerBlockType('tainacan/carousel-collections-list', {
{ !collections.length && !isLoading ? (
<Placeholder
className="tainacan-block-placeholder"
icon={(
<img
width={148}

View File

@ -277,7 +277,7 @@ registerBlockType('tainacan/collections-list', {
: null
}
{ selectedCollectionsHTML.length ? (
<div className="block-control">
<div className="tainacan-block-control">
<p>
<svg width="24" height="24" viewBox="0 -5 12 16">
<path
@ -301,6 +301,7 @@ registerBlockType('tainacan/collections-list', {
{ !selectedCollectionsHTML.length ? (
<Placeholder
className="tainacan-block-placeholder"
icon={(
<img
width={148}

View File

@ -609,7 +609,7 @@ registerBlockType('tainacan/faceted-search', {
{ isSelected ?
(
<div>
<div className="block-control">
<div className="tainacan-block-control">
<p style={{ display: 'flex', alignItems: 'baseline' }}>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -653,6 +653,7 @@ registerBlockType('tainacan/faceted-search', {
{ ( termId == undefined && listType == 'term' ) || ( collectionId == undefined && listType == 'collection' ) ? (
<Placeholder
className="tainacan-block-placeholder"
icon={(
<img
width={148}

View File

@ -569,7 +569,7 @@ registerBlockType('tainacan/facets-list', {
}
{ facets.length ? (
<div className="block-control">
<div className="tainacan-block-control">
<p>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -623,6 +623,7 @@ registerBlockType('tainacan/facets-list', {
{ !facets.length && !isLoading && !(searchString != undefined && searchString != '') ? (
<Placeholder
className="tainacan-block-placeholder"
icon={(
<img
width={148}

View File

@ -520,7 +520,7 @@ registerBlockType('tainacan/carousel-items-list', {
}
{ items.length ? (
<div className="block-control">
<div className="tainacan-block-control">
<p>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -604,6 +604,7 @@ registerBlockType('tainacan/carousel-items-list', {
{ !items.length && !isLoading ? (
<Placeholder
className="tainacan-block-placeholder"
icon={(
<img
width={148}

View File

@ -709,7 +709,7 @@ registerBlockType('tainacan/dynamic-items-list', {
}
{ items.length ? (
<div className="block-control">
<div className="tainacan-block-control">
<p>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -878,6 +878,7 @@ registerBlockType('tainacan/dynamic-items-list', {
{ !items.length && !isLoading ? (
<Placeholder
className="tainacan-block-placeholder"
icon={(
<img
width={148}

View File

@ -286,7 +286,7 @@ registerBlockType('tainacan/items-list', {
: null
}
{ selectedItemsHTML.length ? (
<div className="block-control">
<div className="tainacan-block-control">
<p>
<svg width="24" height="24" viewBox="0 -2 12 16">
<path
@ -310,6 +310,7 @@ registerBlockType('tainacan/items-list', {
{ !selectedItemsHTML.length ? (
<Placeholder
className="tainacan-block-placeholder"
icon={(
<img
width={148}

View File

@ -462,7 +462,7 @@ registerBlockType('tainacan/search-bar', {
}
{ collectionId ? (
<div className="block-control">
<div className="tainacan-block-control">
<p>
<span class="icon">
<i>
@ -494,6 +494,7 @@ registerBlockType('tainacan/search-bar', {
{ !collectionId ? (
<Placeholder
className="tainacan-block-placeholder"
icon={(
<img
width={148}

View File

@ -419,7 +419,7 @@ registerBlockType('tainacan/carousel-terms-list', {
}
{ terms.length ? (
<div className="block-control">
<div className="tainacan-block-control">
<p>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -445,6 +445,7 @@ registerBlockType('tainacan/carousel-terms-list', {
{ !terms.length && !isLoading ? (
<Placeholder
className="tainacan-block-placeholder"
icon={(
<img
width={148}

View File

@ -264,7 +264,7 @@ registerBlockType('tainacan/terms-list', {
: null
}
{ selectedTermsHTML.length ? (
<div className="block-control">
<div className="tainacan-block-control">
<p>
<svg width="24" height="24" viewBox="0 -2 12 16">
<path
@ -287,6 +287,7 @@ registerBlockType('tainacan/terms-list', {
{ !selectedTermsHTML.length ? (
<Placeholder
className="tainacan-block-placeholder"
icon={(
<img
width={148}