More css adjustments to WP 5.4 compatibility. #372

This commit is contained in:
Mateus Machado Luna 2020-03-11 09:03:08 -03:00
parent 9e2d5b6660
commit eb6ca44504
25 changed files with 80 additions and 38 deletions

View File

@ -15,13 +15,15 @@
background: #f2f2f2; }
.block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
align-items: center !important;

File diff suppressed because one or more lines are too long

View File

@ -15,13 +15,15 @@
background: #f2f2f2; }
.block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
align-items: center !important;

File diff suppressed because one or more lines are too long

View File

@ -15,13 +15,15 @@
background: #f2f2f2; }
.block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
align-items: center !important;

File diff suppressed because one or more lines are too long

View File

@ -15,13 +15,15 @@
background: #f2f2f2; }
.block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
align-items: center !important;

File diff suppressed because one or more lines are too long

View File

@ -15,13 +15,15 @@
background: #f2f2f2; }
.block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
align-items: center !important;

File diff suppressed because one or more lines are too long

View File

@ -15,13 +15,15 @@
background: #f2f2f2; }
.block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
align-items: center !important;
@ -243,7 +245,7 @@
margin: 4px auto; }
.wp-block-tainacan-faceted-search .items-list-placeholder {
font-size: 1.125em;
min-height: 400px;
min-height: 500px;
width: 100%;
display: flex;
flex-wrap: nowrap;
@ -280,7 +282,7 @@
display: flex;
flex-direction: column;
width: 80%;
margin: 4% 12%; }
margin: 5% 12%; }
.wp-block-tainacan-faceted-search .items-list-placeholder .below-search-control .filters .fake-filter .fake-text {
margin: 4px 0;
width: 35%;

File diff suppressed because one or more lines are too long

View File

@ -15,13 +15,15 @@
background: #f2f2f2; }
.block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
align-items: center !important;

File diff suppressed because one or more lines are too long

View File

@ -15,13 +15,15 @@
background: #f2f2f2; }
.block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
align-items: center !important;

File diff suppressed because one or more lines are too long

View File

@ -15,13 +15,15 @@
background: #f2f2f2; }
.block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
align-items: center !important;

File diff suppressed because one or more lines are too long

View File

@ -15,13 +15,15 @@
background: #f2f2f2; }
.block-control p {
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
margin-right: 0.75em;
position: relative;
fill: #555758; }
.block-control .components-base-control .components-base-control__field {
margin-bottom: 0; }
.components-placeholder {
align-items: center !important;

File diff suppressed because one or more lines are too long

View File

@ -18,16 +18,20 @@
p {
font-size: 0.875em !important;
margin: 12px 1.5em 16px 0;
margin: 12px 1.5em !important;
fill: #555758;
svg {
top: 4px;
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758;
}
}
.components-base-control .components-base-control__field {
margin-bottom: 0;
}
}
.components-placeholder {
align-items: center !important;

View File

@ -53,7 +53,7 @@
}
.items-list-placeholder {
font-size: 1.125em;
min-height: 400px;
min-height: 500px;
width: 100%;
display: flex;
flex-wrap: nowrap;
@ -95,7 +95,7 @@
display: flex;
flex-direction: column;
width: 80%;
margin: 4% 12%;
margin: 5% 12%;
.fake-text {
margin: 4px 0;
width: 35%;

View File

@ -616,9 +616,7 @@ registerBlockType('tainacan/faceted-search', {
viewBox="0 0 24 24"
height="24px"
width="24px">
<path
fill="#298596"
d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
<path d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
</svg>
{__('Show items list from: ', 'tainacan')}
&nbsp;
@ -667,9 +665,7 @@ registerBlockType('tainacan/faceted-search', {
viewBox="0 0 24 24"
height="24px"
width="24px">
<path
fill="#298596"
d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
<path d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
</svg>
{__('Show a complete items list with faceted search.', 'tainacan')}
</p>
@ -766,6 +762,18 @@ registerBlockType('tainacan/faceted-search', {
<span class="fake-text"></span>
<span class="fake-searchbar"></span>
</div>
<div class="fake-filter">
<span class="fake-text"></span>
<div class="fake-checkbox-list">
{ Array(2).fill().map( () => {
return <div>
<span class="fake-checkbox"></span>
<span class="fake-text"></span>
</div>
} ) }
<div class="fake-link"></div>
</div>
</div>
</div>
: null
}
@ -796,6 +804,19 @@ registerBlockType('tainacan/faceted-search', {
class="fake-item-thumb"></div>
{ Array(3).fill().map( () => <div class="fake-item-description"></div> ) }
</div>
{ Array(2).fill().map( () => {
return <div class="fake-item">
<div class="fake-item-header">
<div class="fake-text"></div>
</div>
<div
style={{
backgroundImage: tainacan_plugin ? 'url("' + tainacan_plugin.base_url + '/assets/images/placeholder_square.png")' : ''
}}
class="fake-item-thumb"></div>
{ Array(3).fill().map( () => <div class="fake-item-description"></div> ) }
</div>
} ) }
</div>
<div class="pagination">
<span class="fake-text"></span>

View File

@ -576,9 +576,7 @@ registerBlockType('tainacan/facets-list', {
viewBox="0 0 24 24"
height="24px"
width="24px">
<path
fill="#298596"
d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
<path d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
</svg>
{__('List facets from a Tainacan Collection or Repository', 'tainacan')}
</p>
@ -637,9 +635,7 @@ registerBlockType('tainacan/facets-list', {
viewBox="0 0 24 24"
height="24px"
width="24px">
<path
fill="#298596"
d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
<path d="M21.43,13.64,19.32,16a2.57,2.57,0,0,1-2,1H11a3.91,3.91,0,0,0,0-.49,5.49,5.49,0,0,0-5-5.47V9.64A2.59,2.59,0,0,1,8.59,7H17.3a2.57,2.57,0,0,1,2,1l2.11,2.38A2.59,2.59,0,0,1,21.43,13.64ZM4,3A2,2,0,0,0,2,5v7.3a5.32,5.32,0,0,1,2-1V5H16V3ZM11,21l-1,1L8.86,20.89,8,20H8l-.57-.57A3.42,3.42,0,0,1,5.5,20a3.5,3.5,0,0,1,0-7,2.74,2.74,0,0,1,.5,0A3.5,3.5,0,0,1,9,16a2.92,2.92,0,0,1,0,.51,3.42,3.42,0,0,1-.58,1.92L9,19H9l.85.85Zm-4-4.5A1.5,1.5,0,1,0,5.5,18,1.5,1.5,0,0,0,7,16.53Z"/>
</svg>
{__('List facets from a Tainacan Collection or Repository', 'tainacan')}
</p>

View File

@ -325,6 +325,7 @@
display: inline-flex;
align-items: center;
position: relative;
padding: 5px 8px;
a:first-child {
border-top-right-radius: 0;