Splits gutenberg blocks style files in one for each block.
This commit is contained in:
Mateus Machado Luna
parent
2b350ca267
commit
079def64ef
4
build.sh
4
build.sh
|
|
@ -13,12 +13,12 @@ current_OS=`uname`
|
||||||
# For macOS (Darwin)
|
# For macOS (Darwin)
|
||||||
if [ $current_OS == "Darwin" ]; then
|
if [ $current_OS == "Darwin" ]; then
|
||||||
find src ./webpack.config.js -type f \( -name "*.js" -or -name "*.vue" -or -name "webpack.config.js" \) -exec md5 {} \; | sort -k 2 | md5 > last-js-build.md5
|
find src ./webpack.config.js -type f \( -name "*.js" -or -name "*.vue" -or -name "webpack.config.js" \) -exec md5 {} \; | sort -k 2 | md5 > last-js-build.md5
|
||||||
find ./src/scss/ ./src/admin/scss/ ./src/gutenberg-blocks -type f \( -name "*.scss" \) -exec md5 {} \; | sort -k 2 | md5 > last-sass-build.md5
|
find ./src/scss/ ./src/admin/scss/ ./src/gutenberg-blocks/ ./src/gutenberg-blocks/tainacan-collections/collections-list ./src/gutenberg-blocks/tainacan-items/dynamic-items-list ./src/gutenberg-blocks/tainacan-items/items-list ./src/gutenberg-blocks/tainacan-terms/terms-list -type f \( -name "*.scss" \) -exec md5 {} \; | sort -k 2 | md5 > last-sass-build.md5
|
||||||
find ./composer.json -type f \( -name "composer.json" \) -exec md5 {} \; | sort -k 2 | md5 > last-composer-build.md5
|
find ./composer.json -type f \( -name "composer.json" \) -exec md5 {} \; | sort -k 2 | md5 > last-composer-build.md5
|
||||||
find ./package.json -type f \( -name "package.json" -or -name "package-lock.json" \) -exec md5 {} \; | sort -k 2 | md5 > last-package-build.md5
|
find ./package.json -type f \( -name "package.json" -or -name "package-lock.json" \) -exec md5 {} \; | sort -k 2 | md5 > last-package-build.md5
|
||||||
else
|
else
|
||||||
find src ./webpack.config.js -type f \( -name "*.js" -or -name "*.vue" -or -name "webpack.config.js" \) -exec md5sum {} \; | sort -k 2 | md5sum > last-js-build.md5
|
find src ./webpack.config.js -type f \( -name "*.js" -or -name "*.vue" -or -name "webpack.config.js" \) -exec md5sum {} \; | sort -k 2 | md5sum > last-js-build.md5
|
||||||
find ./src/scss/ ./src/admin/scss/ ./src/gutenberg-blocks -type f \( -name "*.scss" \) -exec md5sum {} \; | sort -k 2 | md5sum > last-sass-build.md5
|
find ./src/scss/ ./src/admin/scss/ ./src/gutenberg-blocks ./src/gutenberg-blocks/tainacan-collections/collections-list ./src/gutenberg-blocks/tainacan-items/dynamic-items-list ./src/gutenberg-blocks/tainacan-items/items-list ./src/gutenberg-blocks/tainacan-terms/terms-list -type f \( -name "*.scss" \) -exec md5sum {} \; | sort -k 2 | md5sum > last-sass-build.md5
|
||||||
find ./composer.json -type f \( -name "composer.json" \) -exec md5sum {} \; | sort -k 2 | md5sum > last-composer-build.md5
|
find ./composer.json -type f \( -name "composer.json" \) -exec md5sum {} \; | sort -k 2 | md5sum > last-composer-build.md5
|
||||||
find ./package.json -type f \( -name "package.json" -or -name "package-lock.json" \) -exec md5sum {} \; | sort -k 2 | md5sum > last-package-build.md5
|
find ./package.json -type f \( -name "package.json" -or -name "package-lock.json" \) -exec md5sum {} \; | sort -k 2 | md5sum > last-package-build.md5
|
||||||
fi
|
fi
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,13 @@ sass -E 'UTF-8' --cache-location .tmp/sass-cache-1 src/scss/tainacan-embeds.scss
|
||||||
|
|
||||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-2 src/admin/scss/tainacan-admin.scss:src/assets/css/tainacan-admin.css
|
sass -E 'UTF-8' --cache-location .tmp/sass-cache-2 src/admin/scss/tainacan-admin.scss:src/assets/css/tainacan-admin.css
|
||||||
|
|
||||||
sass -E 'UTF-8' --cache-location .tmp/sass-cache-3 src/gutenberg-blocks/gutenberg-blocks-style.scss:src/assets/css/tainacan-gutenberg-blocks-style.css
|
sass -E 'UTF-8' --cache-location .tmp/sass-cache-3 src/gutenberg-blocks/tainacan-collections/collections-list/collections-list.scss:src/assets/css/tainacan-gutenberg-block-collections-list.css
|
||||||
|
|
||||||
|
sass -E 'UTF-8' --cache-location .tmp/sass-cache-4 src/gutenberg-blocks/tainacan-items/items-list/items-list.scss:src/assets/css/tainacan-gutenberg-block-items-list.css
|
||||||
|
|
||||||
|
sass -E 'UTF-8' --cache-location .tmp/sass-cache-5 src/gutenberg-blocks/tainacan-items/dynamic-items-list/dynamic-items-list.scss:src/assets/css/tainacan-gutenberg-block-dynamic-items-list.css
|
||||||
|
|
||||||
|
sass -E 'UTF-8' --cache-location .tmp/sass-cache-6 src/gutenberg-blocks/tainacan-terms/terms-list/terms-list.scss:src/assets/css/tainacan-gutenberg-block-terms-list.css
|
||||||
|
|
||||||
echo "Compilação do Sass Concluído!"
|
echo "Compilação do Sass Concluído!"
|
||||||
exit 0
|
exit 0
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,279 @@
|
||||||
|
.block-control {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 5px;
|
||||||
|
position: relative;
|
||||||
|
top: -14px;
|
||||||
|
left: -14px;
|
||||||
|
width: calc(100% + 28px);
|
||||||
|
background: #f2f2f2; }
|
||||||
|
.block-control p {
|
||||||
|
font-size: 0.875rem !important;
|
||||||
|
margin: 12px 1.5rem 16px 0;
|
||||||
|
fill: #555758; }
|
||||||
|
.block-control p svg {
|
||||||
|
top: 4px;
|
||||||
|
margin-right: 0.75rem;
|
||||||
|
position: relative;
|
||||||
|
fill: #555758; }
|
||||||
|
|
||||||
|
.components-placeholder__fieldset p {
|
||||||
|
font-size: 0.875rem !important;
|
||||||
|
margin-top: -2px;
|
||||||
|
fill: #555758; }
|
||||||
|
.components-placeholder__fieldset p svg {
|
||||||
|
margin-right: 1rem;
|
||||||
|
top: 4px;
|
||||||
|
position: relative;
|
||||||
|
fill: #555758; }
|
||||||
|
|
||||||
|
.wp-block-tainacan-modal {
|
||||||
|
width: 50%; }
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.wp-block-tainacan-modal {
|
||||||
|
width: 75%; } }
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.wp-block-tainacan-modal {
|
||||||
|
width: 100%; } }
|
||||||
|
.wp-block-tainacan-modal.dynamic-modal {
|
||||||
|
width: 90%;
|
||||||
|
height: 90%;
|
||||||
|
width: 80vw;
|
||||||
|
height: 80vh; }
|
||||||
|
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||||
|
width: calc(100% + 64px);
|
||||||
|
height: calc(100% - 100px);
|
||||||
|
margin-left: -32px;
|
||||||
|
margin-bottom: -4px; }
|
||||||
|
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||||
|
height: 68px;
|
||||||
|
background: #dbdbdb;
|
||||||
|
width: calc(100% + 64px);
|
||||||
|
margin: 0px 0 -32px -32px !important;
|
||||||
|
padding: 1.2rem 3rem !important; }
|
||||||
|
.wp-block-tainacan-modal .spinner-container {
|
||||||
|
min-height: 56px;
|
||||||
|
padding: 1rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #555758; }
|
||||||
|
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||||
|
margin: 8px; }
|
||||||
|
.wp-block-tainacan-modal .modal-search-area {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 24px; }
|
||||||
|
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||||
|
width: 60%; }
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||||
|
width: 95%; } }
|
||||||
|
.wp-block-tainacan-modal .modal-search-area .components-base-control label {
|
||||||
|
text-align: center; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||||
|
padding: 0;
|
||||||
|
display: -ms-grid;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, 250px);
|
||||||
|
grid-gap: 0px;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 12px;
|
||||||
|
max-height: 50vh;
|
||||||
|
overflow-y: auto; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||||
|
overflow: hidden; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
margin-right: 10px; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
display: inline-block;
|
||||||
|
max-width: 85%; }
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||||
|
max-width: 80%; } }
|
||||||
|
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
justify-content: center; }
|
||||||
|
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||||
|
color: #555758;
|
||||||
|
margin-right: 12px;
|
||||||
|
margin-top: 2px; }
|
||||||
|
.wp-block-tainacan-modal .modal-footer-area {
|
||||||
|
border-top: 1px solid #e2e4e7;
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 16px 16px 0 16px;
|
||||||
|
margin: 0 -16px; }
|
||||||
|
|
||||||
|
.wp-block-tainacan-collections-list {
|
||||||
|
margin: 2rem 0px; }
|
||||||
|
.wp-block-tainacan-collections-list .components-spinner {
|
||||||
|
position: absolute;
|
||||||
|
right: 0; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-list-without-margin,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-list-without-margin {
|
||||||
|
grid-template-columns: repeat(auto-fill, 185px);
|
||||||
|
justify-content: center !important;
|
||||||
|
grid-template-rows: auto !important; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-list-without-margin li,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-list-without-margin li {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
margin-right: 0 !important;
|
||||||
|
margin-left: 0 !important;
|
||||||
|
height: 185px !important; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-list-without-margin li img,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-list-without-margin li img {
|
||||||
|
height: 185px !important;
|
||||||
|
margin-bottom: 0px !important; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid {
|
||||||
|
padding: 0;
|
||||||
|
display: -ms-grid;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, 220px);
|
||||||
|
grid-gap: 0px;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
list-style-type: none; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
margin: 12px 12px 24px 12px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
width: 185px; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item a,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item a {
|
||||||
|
color: #454647;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: normal; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item img,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item img {
|
||||||
|
height: auto;
|
||||||
|
width: 185px;
|
||||||
|
min-width: 185px;
|
||||||
|
padding: 0px;
|
||||||
|
margin-bottom: 0.5rem; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item a.collection-without-name span,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item a.collection-without-name span {
|
||||||
|
display: none; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item:hover a,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item:hover a {
|
||||||
|
color: #454647;
|
||||||
|
text-decoration: none; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit li.collection-list-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit li.collection-list-item button {
|
||||||
|
position: absolute !important;
|
||||||
|
background-color: rgba(255, 255, 255, 0.75);
|
||||||
|
color: #454647;
|
||||||
|
padding: 2px;
|
||||||
|
margin-left: 5px;
|
||||||
|
min-width: 14px;
|
||||||
|
visibility: hidden;
|
||||||
|
position: relative;
|
||||||
|
opacity: 0;
|
||||||
|
right: -14px;
|
||||||
|
top: 0px;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 999; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit li.collection-list-item:hover button {
|
||||||
|
visibility: visible;
|
||||||
|
background-color: white !important;
|
||||||
|
opacity: 1;
|
||||||
|
right: -8px;
|
||||||
|
top: -8px;
|
||||||
|
border: 1px solid #cbcbcb;
|
||||||
|
border-radius: 12px;
|
||||||
|
transition: opacity linear 0.15s, right linear 0.15s; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit li.collection-list-item:hover button:hover {
|
||||||
|
background-color: white !important;
|
||||||
|
border: 1px solid #cbcbcb !important; }
|
||||||
|
@media only screen and (max-width: 498px) {
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid {
|
||||||
|
grid-template-columns: repeat(auto-fill, 100%); }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item {
|
||||||
|
width: 100%; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item img,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item img {
|
||||||
|
width: 100%; } }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list {
|
||||||
|
padding: 0;
|
||||||
|
display: block;
|
||||||
|
list-style-type: none; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 12px 12px 24px 12px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
min-height: 54px;
|
||||||
|
min-width: 22%;
|
||||||
|
width: 22%; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item a,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item a {
|
||||||
|
color: #454647;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 54px; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item img,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item img {
|
||||||
|
height: auto;
|
||||||
|
width: 54px;
|
||||||
|
min-width: 54px;
|
||||||
|
padding: 0px;
|
||||||
|
margin-right: 20px; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item a.collection-without-image img,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item a.collection-without-image img {
|
||||||
|
display: none; }
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item:hover a,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item:hover a {
|
||||||
|
color: #454647;
|
||||||
|
text-decoration: none; }
|
||||||
|
@media only screen and (max-width: 1600px) {
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
|
||||||
|
min-width: 30%;
|
||||||
|
width: 30%; } }
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
|
||||||
|
min-width: 45%;
|
||||||
|
width: 45%; } }
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
|
||||||
|
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
|
||||||
|
min-width: 100%;
|
||||||
|
width: 100%; } }
|
||||||
|
|
||||||
|
/*# sourceMappingURL=tainacan-gutenberg-block-collections-list.css.map */
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
{
|
||||||
|
"version": 3,
|
||||||
|
"mappings": "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",
|
||||||
|
"sources": ["../../gutenberg-blocks/gutenberg-blocks-style.scss","../../gutenberg-blocks/tainacan-collections/collections-list/collections-list.scss"],
|
||||||
|
"names": [],
|
||||||
|
"file": "tainacan-gutenberg-block-collections-list.css"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,438 @@
|
||||||
|
.block-control {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 5px;
|
||||||
|
position: relative;
|
||||||
|
top: -14px;
|
||||||
|
left: -14px;
|
||||||
|
width: calc(100% + 28px);
|
||||||
|
background: #f2f2f2; }
|
||||||
|
.block-control p {
|
||||||
|
font-size: 0.875rem !important;
|
||||||
|
margin: 12px 1.5rem 16px 0;
|
||||||
|
fill: #555758; }
|
||||||
|
.block-control p svg {
|
||||||
|
top: 4px;
|
||||||
|
margin-right: 0.75rem;
|
||||||
|
position: relative;
|
||||||
|
fill: #555758; }
|
||||||
|
|
||||||
|
.components-placeholder__fieldset p {
|
||||||
|
font-size: 0.875rem !important;
|
||||||
|
margin-top: -2px;
|
||||||
|
fill: #555758; }
|
||||||
|
.components-placeholder__fieldset p svg {
|
||||||
|
margin-right: 1rem;
|
||||||
|
top: 4px;
|
||||||
|
position: relative;
|
||||||
|
fill: #555758; }
|
||||||
|
|
||||||
|
.wp-block-tainacan-modal {
|
||||||
|
width: 50%; }
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.wp-block-tainacan-modal {
|
||||||
|
width: 75%; } }
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.wp-block-tainacan-modal {
|
||||||
|
width: 100%; } }
|
||||||
|
.wp-block-tainacan-modal.dynamic-modal {
|
||||||
|
width: 90%;
|
||||||
|
height: 90%;
|
||||||
|
width: 80vw;
|
||||||
|
height: 80vh; }
|
||||||
|
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||||
|
width: calc(100% + 64px);
|
||||||
|
height: calc(100% - 100px);
|
||||||
|
margin-left: -32px;
|
||||||
|
margin-bottom: -4px; }
|
||||||
|
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||||
|
height: 68px;
|
||||||
|
background: #dbdbdb;
|
||||||
|
width: calc(100% + 64px);
|
||||||
|
margin: 0px 0 -32px -32px !important;
|
||||||
|
padding: 1.2rem 3rem !important; }
|
||||||
|
.wp-block-tainacan-modal .spinner-container {
|
||||||
|
min-height: 56px;
|
||||||
|
padding: 1rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #555758; }
|
||||||
|
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||||
|
margin: 8px; }
|
||||||
|
.wp-block-tainacan-modal .modal-search-area {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 24px; }
|
||||||
|
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||||
|
width: 60%; }
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||||
|
width: 95%; } }
|
||||||
|
.wp-block-tainacan-modal .modal-search-area .components-base-control label {
|
||||||
|
text-align: center; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||||
|
padding: 0;
|
||||||
|
display: -ms-grid;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, 250px);
|
||||||
|
grid-gap: 0px;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 12px;
|
||||||
|
max-height: 50vh;
|
||||||
|
overflow-y: auto; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||||
|
overflow: hidden; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
margin-right: 10px; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
display: inline-block;
|
||||||
|
max-width: 85%; }
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||||
|
max-width: 80%; } }
|
||||||
|
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
justify-content: center; }
|
||||||
|
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||||
|
color: #555758;
|
||||||
|
margin-right: 12px;
|
||||||
|
margin-top: 2px; }
|
||||||
|
.wp-block-tainacan-modal .modal-footer-area {
|
||||||
|
border-top: 1px solid #e2e4e7;
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 16px 16px 0 16px;
|
||||||
|
margin: 0 -16px; }
|
||||||
|
|
||||||
|
.wp-block-tainacan-dynamic-items-list {
|
||||||
|
margin: 2rem 0px; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .spinner-container {
|
||||||
|
min-height: 56px;
|
||||||
|
padding: 1rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #555758; }
|
||||||
|
@-webkit-keyframes skeleton-animation {
|
||||||
|
0% {
|
||||||
|
opacity: 1.0; }
|
||||||
|
50% {
|
||||||
|
opacity: 0.2; }
|
||||||
|
100% {
|
||||||
|
opacity: 1.0; } }
|
||||||
|
@-moz-keyframes skeleton-animation {
|
||||||
|
0% {
|
||||||
|
opacity: 1.0; }
|
||||||
|
50% {
|
||||||
|
opacity: 0.2; }
|
||||||
|
100% {
|
||||||
|
opacity: 1.0; } }
|
||||||
|
@-o-keyframes skeleton-animation {
|
||||||
|
0% {
|
||||||
|
opacity: 1.0; }
|
||||||
|
50% {
|
||||||
|
opacity: 0.2; }
|
||||||
|
100% {
|
||||||
|
opacity: 1.0; } }
|
||||||
|
@keyframes skeleton-animation {
|
||||||
|
0% {
|
||||||
|
opacity: 1.0; }
|
||||||
|
50% {
|
||||||
|
opacity: 0.2; }
|
||||||
|
100% {
|
||||||
|
opacity: 1.0; } }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .skeleton {
|
||||||
|
border-radius: 2px;
|
||||||
|
background: #f2f2f2;
|
||||||
|
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
||||||
|
-moz-animation: skeleton-animation 1.8s ease infinite;
|
||||||
|
-o-animation: skeleton-animation 1.8s ease infinite;
|
||||||
|
animation: skeleton-animation 1.8s ease infinite; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
align-items: stretch;
|
||||||
|
text-decoration: none; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header:hover {
|
||||||
|
text-decoration: none; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name {
|
||||||
|
width: auto;
|
||||||
|
min-width: 350px;
|
||||||
|
flex-grow: 1;
|
||||||
|
padding: 1rem 100px 1rem 1rem;
|
||||||
|
text-align: right;
|
||||||
|
line-height: 1.5rem;
|
||||||
|
min-height: 165px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: center;
|
||||||
|
background-color: #454647; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name h3 {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1.3rem; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name h3:hover {
|
||||||
|
text-decoration: none; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name span.label {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 1rem; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name.only-collection-name {
|
||||||
|
justify-content: center;
|
||||||
|
padding: 1rem; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name.only-collection-name h3 {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.75rem; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-thumbnail {
|
||||||
|
height: 145px;
|
||||||
|
width: 145px;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
border-radius: 80px;
|
||||||
|
border: 4px solid white;
|
||||||
|
margin: 10px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
position: relative;
|
||||||
|
margin-left: -155px;
|
||||||
|
left: 82px;
|
||||||
|
background-color: #dbdbdb; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-header-image {
|
||||||
|
width: auto;
|
||||||
|
min-width: 150px;
|
||||||
|
min-height: 165px;
|
||||||
|
flex-grow: 2;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;
|
||||||
|
background-color: #dbdbdb; }
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header {
|
||||||
|
flex-wrap: wrap-reverse; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name {
|
||||||
|
width: 100% !important;
|
||||||
|
min-width: 100% !important;
|
||||||
|
justify-content: center !important;
|
||||||
|
text-align: center !important;
|
||||||
|
padding: 64px 1rem 0rem 1rem; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name h3 {
|
||||||
|
margin-bottom: 1rem; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-thumbnail {
|
||||||
|
left: calc(-50% + 78px) !important;
|
||||||
|
top: -78px !important; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-header-image {
|
||||||
|
background-color: transparent; } }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-bottom: 1px solid #cbcbcb;
|
||||||
|
padding: 1.00rem 0.5rem 0.75rem 0.5rem; }
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar {
|
||||||
|
flex-wrap: wrap; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar .search-button {
|
||||||
|
order: 4;
|
||||||
|
position: absolute;
|
||||||
|
margin-top: 37px; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input {
|
||||||
|
width: 100% !important;
|
||||||
|
order: 5;
|
||||||
|
margin-top: 8px;
|
||||||
|
margin-left: 0px !important;
|
||||||
|
padding-left: 4px !important;
|
||||||
|
border-color: #dbdbdb !important; } }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button {
|
||||||
|
margin-right: 0.75rem;
|
||||||
|
min-height: 28px;
|
||||||
|
z-index: 2;
|
||||||
|
border: none;
|
||||||
|
background: transparent;
|
||||||
|
cursor: pointer; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button svg {
|
||||||
|
fill: #cbcbcb;
|
||||||
|
transition: fill 0.4s ease; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button:hover svg {
|
||||||
|
fill: #545758; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button:focus, .wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button:active {
|
||||||
|
border: none;
|
||||||
|
box-shadow: none; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.sorting-button-selected svg {
|
||||||
|
fill: #545758; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.next-button {
|
||||||
|
margin-right: 0rem;
|
||||||
|
padding: 0; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.next-button svg {
|
||||||
|
fill: #298596; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.previous-button {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.previous-button svg {
|
||||||
|
fill: #298596; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button[disabled] svg {
|
||||||
|
fill: #f2f2f2;
|
||||||
|
cursor: not-allowed; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input {
|
||||||
|
height: 32px;
|
||||||
|
width: 20%;
|
||||||
|
border-radius: 0;
|
||||||
|
margin-left: -52px;
|
||||||
|
padding-left: 52px;
|
||||||
|
border: 1px solid white;
|
||||||
|
transition: border-color 0.7s ease, width 0.5s ease-in; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input:focus, .wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input:active, .wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input:hover {
|
||||||
|
width: 100%;
|
||||||
|
border: 1px solid #cbcbcb;
|
||||||
|
box-shadow: none; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-list-without-margin,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-list-without-margin {
|
||||||
|
grid-template-columns: repeat(auto-fill, 185px);
|
||||||
|
justify-content: center !important;
|
||||||
|
grid-template-rows: auto !important;
|
||||||
|
list-style: none; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-list-without-margin li,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-list-without-margin li {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
margin-right: 0 !important;
|
||||||
|
margin-left: 0 !important;
|
||||||
|
height: 185px !important; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-list-without-margin li img,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-list-without-margin li img {
|
||||||
|
height: 185px !important;
|
||||||
|
margin-bottom: 0px !important; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid {
|
||||||
|
padding: 0;
|
||||||
|
display: -ms-grid;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, 220px);
|
||||||
|
grid-gap: 0px;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
list-style-type: none; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
margin: 12px 12px 24px 12px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
width: 185px; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item a,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item a {
|
||||||
|
color: #454647;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: normal; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item img,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item img {
|
||||||
|
height: auto;
|
||||||
|
width: 185px;
|
||||||
|
min-width: 185px;
|
||||||
|
padding: 0px;
|
||||||
|
margin-bottom: 0.5rem; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item a.item-without-title span,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item a.item-without-title span {
|
||||||
|
display: none; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item:hover a,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item:hover a {
|
||||||
|
color: #454647;
|
||||||
|
text-decoration: none; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit li.item-list-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit li.item-list-item button {
|
||||||
|
position: absolute !important;
|
||||||
|
background-color: rgba(255, 255, 255, 0.75);
|
||||||
|
color: #454647;
|
||||||
|
padding: 2px;
|
||||||
|
margin-left: 5px;
|
||||||
|
min-width: 14px;
|
||||||
|
visibility: hidden;
|
||||||
|
position: relative;
|
||||||
|
opacity: 0;
|
||||||
|
right: -14px;
|
||||||
|
top: 0px;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 999; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit li.item-list-item:hover button {
|
||||||
|
visibility: visible;
|
||||||
|
background-color: white !important;
|
||||||
|
opacity: 1;
|
||||||
|
right: -8px;
|
||||||
|
top: -8px;
|
||||||
|
border: 1px solid #cbcbcb;
|
||||||
|
border-radius: 12px;
|
||||||
|
transition: opacity linear 0.15s, right linear 0.15s; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit li.item-list-item:hover button:hover {
|
||||||
|
background-color: white !important;
|
||||||
|
border: 1px solid #cbcbcb !important; }
|
||||||
|
@media only screen and (max-width: 498px) {
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid {
|
||||||
|
grid-template-columns: repeat(auto-fill, 100%); }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item {
|
||||||
|
width: 100%; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item img,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item img {
|
||||||
|
width: 100%; } }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list {
|
||||||
|
padding: 0;
|
||||||
|
display: block;
|
||||||
|
list-style-type: none; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 12px 12px 24px 12px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
min-height: 54px;
|
||||||
|
min-width: 22%;
|
||||||
|
width: 22%; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item a,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item a {
|
||||||
|
color: #454647;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 54px; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item img,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item img {
|
||||||
|
height: auto;
|
||||||
|
width: 54px;
|
||||||
|
min-width: 54px;
|
||||||
|
padding: 0px;
|
||||||
|
margin-right: 20px; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item a.item-without-image img,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item a.item-without-image img {
|
||||||
|
display: none; }
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item:hover a,
|
||||||
|
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item:hover a {
|
||||||
|
color: #454647;
|
||||||
|
text-decoration: none; }
|
||||||
|
|
||||||
|
/*# sourceMappingURL=tainacan-gutenberg-block-dynamic-items-list.css.map */
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,264 @@
|
||||||
|
.block-control {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 5px;
|
||||||
|
position: relative;
|
||||||
|
top: -14px;
|
||||||
|
left: -14px;
|
||||||
|
width: calc(100% + 28px);
|
||||||
|
background: #f2f2f2; }
|
||||||
|
.block-control p {
|
||||||
|
font-size: 0.875rem !important;
|
||||||
|
margin: 12px 1.5rem 16px 0;
|
||||||
|
fill: #555758; }
|
||||||
|
.block-control p svg {
|
||||||
|
top: 4px;
|
||||||
|
margin-right: 0.75rem;
|
||||||
|
position: relative;
|
||||||
|
fill: #555758; }
|
||||||
|
|
||||||
|
.components-placeholder__fieldset p {
|
||||||
|
font-size: 0.875rem !important;
|
||||||
|
margin-top: -2px;
|
||||||
|
fill: #555758; }
|
||||||
|
.components-placeholder__fieldset p svg {
|
||||||
|
margin-right: 1rem;
|
||||||
|
top: 4px;
|
||||||
|
position: relative;
|
||||||
|
fill: #555758; }
|
||||||
|
|
||||||
|
.wp-block-tainacan-modal {
|
||||||
|
width: 50%; }
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.wp-block-tainacan-modal {
|
||||||
|
width: 75%; } }
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.wp-block-tainacan-modal {
|
||||||
|
width: 100%; } }
|
||||||
|
.wp-block-tainacan-modal.dynamic-modal {
|
||||||
|
width: 90%;
|
||||||
|
height: 90%;
|
||||||
|
width: 80vw;
|
||||||
|
height: 80vh; }
|
||||||
|
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||||
|
width: calc(100% + 64px);
|
||||||
|
height: calc(100% - 100px);
|
||||||
|
margin-left: -32px;
|
||||||
|
margin-bottom: -4px; }
|
||||||
|
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||||
|
height: 68px;
|
||||||
|
background: #dbdbdb;
|
||||||
|
width: calc(100% + 64px);
|
||||||
|
margin: 0px 0 -32px -32px !important;
|
||||||
|
padding: 1.2rem 3rem !important; }
|
||||||
|
.wp-block-tainacan-modal .spinner-container {
|
||||||
|
min-height: 56px;
|
||||||
|
padding: 1rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #555758; }
|
||||||
|
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||||
|
margin: 8px; }
|
||||||
|
.wp-block-tainacan-modal .modal-search-area {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 24px; }
|
||||||
|
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||||
|
width: 60%; }
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||||
|
width: 95%; } }
|
||||||
|
.wp-block-tainacan-modal .modal-search-area .components-base-control label {
|
||||||
|
text-align: center; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||||
|
padding: 0;
|
||||||
|
display: -ms-grid;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, 250px);
|
||||||
|
grid-gap: 0px;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 12px;
|
||||||
|
max-height: 50vh;
|
||||||
|
overflow-y: auto; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||||
|
overflow: hidden; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
margin-right: 10px; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
display: inline-block;
|
||||||
|
max-width: 85%; }
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||||
|
max-width: 80%; } }
|
||||||
|
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
justify-content: center; }
|
||||||
|
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||||
|
color: #555758;
|
||||||
|
margin-right: 12px;
|
||||||
|
margin-top: 2px; }
|
||||||
|
.wp-block-tainacan-modal .modal-footer-area {
|
||||||
|
border-top: 1px solid #e2e4e7;
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 16px 16px 0 16px;
|
||||||
|
margin: 0 -16px; }
|
||||||
|
|
||||||
|
.wp-block-tainacan-items-list {
|
||||||
|
margin: 2rem 0px; }
|
||||||
|
.wp-block-tainacan-items-list .components-spinner {
|
||||||
|
position: absolute;
|
||||||
|
right: 0; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-list-without-margin,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-list-without-margin {
|
||||||
|
grid-template-columns: repeat(auto-fill, 185px);
|
||||||
|
justify-content: center !important;
|
||||||
|
grid-template-rows: auto !important; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-list-without-margin li,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-list-without-margin li {
|
||||||
|
margin-top: 0 !important;
|
||||||
|
margin-right: 0 !important;
|
||||||
|
margin-left: 0 !important;
|
||||||
|
height: 185px !important; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-list-without-margin li img,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-list-without-margin li img {
|
||||||
|
height: 185px !important;
|
||||||
|
margin-bottom: 0px !important; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-grid,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid {
|
||||||
|
padding: 0;
|
||||||
|
display: -ms-grid;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, 220px);
|
||||||
|
grid-gap: 0px;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
list-style-type: none; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
margin: 12px 12px 24px 12px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
width: 185px; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item a,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item a {
|
||||||
|
color: #454647;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: normal; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item img,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item img {
|
||||||
|
height: auto;
|
||||||
|
width: 185px;
|
||||||
|
min-width: 185px;
|
||||||
|
padding: 0px;
|
||||||
|
margin-bottom: 0.5rem; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item a.item-without-title span,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item a.item-without-title span {
|
||||||
|
display: none; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item:hover a,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item:hover a {
|
||||||
|
color: #454647;
|
||||||
|
text-decoration: none; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit li.item-list-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit li.item-list-item button {
|
||||||
|
position: absolute !important;
|
||||||
|
background-color: rgba(255, 255, 255, 0.75);
|
||||||
|
color: #454647;
|
||||||
|
padding: 2px;
|
||||||
|
margin-left: 5px;
|
||||||
|
min-width: 14px;
|
||||||
|
visibility: hidden;
|
||||||
|
position: relative;
|
||||||
|
opacity: 0;
|
||||||
|
right: -14px;
|
||||||
|
top: 0px;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 999; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit li.item-list-item:hover button {
|
||||||
|
visibility: visible;
|
||||||
|
background-color: white !important;
|
||||||
|
opacity: 1;
|
||||||
|
right: -8px;
|
||||||
|
top: -8px;
|
||||||
|
border: 1px solid #cbcbcb;
|
||||||
|
border-radius: 12px;
|
||||||
|
transition: opacity linear 0.15s, right linear 0.15s; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit li.item-list-item:hover button:hover {
|
||||||
|
background-color: white !important;
|
||||||
|
border: 1px solid #cbcbcb !important; }
|
||||||
|
@media only screen and (max-width: 498px) {
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-grid,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid {
|
||||||
|
grid-template-columns: repeat(auto-fill, 100%); }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item {
|
||||||
|
width: 100%; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item img,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item img {
|
||||||
|
width: 100%; } }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-list,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list {
|
||||||
|
padding: 0;
|
||||||
|
display: block;
|
||||||
|
list-style-type: none; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 12px 12px 24px 12px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
min-height: 54px;
|
||||||
|
min-width: 22%;
|
||||||
|
width: 22%; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item a,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item a {
|
||||||
|
color: #454647;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 54px; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item img,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item img {
|
||||||
|
height: auto;
|
||||||
|
width: 54px;
|
||||||
|
min-width: 54px;
|
||||||
|
padding: 0px;
|
||||||
|
margin-right: 20px; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item a.item-without-image img,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item a.item-without-image img {
|
||||||
|
display: none; }
|
||||||
|
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item:hover a,
|
||||||
|
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item:hover a {
|
||||||
|
color: #454647;
|
||||||
|
text-decoration: none; }
|
||||||
|
|
||||||
|
/*# sourceMappingURL=tainacan-gutenberg-block-items-list.css.map */
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
{
|
||||||
|
"version": 3,
|
||||||
|
"mappings": "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",
|
||||||
|
"sources": ["../../gutenberg-blocks/gutenberg-blocks-style.scss","../../gutenberg-blocks/tainacan-items/items-list/items-list.scss"],
|
||||||
|
"names": [],
|
||||||
|
"file": "tainacan-gutenberg-block-items-list.css"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,264 @@
|
||||||
|
.block-control {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 5px;
|
||||||
|
position: relative;
|
||||||
|
top: -14px;
|
||||||
|
left: -14px;
|
||||||
|
width: calc(100% + 28px);
|
||||||
|
background: #f2f2f2; }
|
||||||
|
.block-control p {
|
||||||
|
font-size: 0.875rem !important;
|
||||||
|
margin: 12px 1.5rem 16px 0;
|
||||||
|
fill: #555758; }
|
||||||
|
.block-control p svg {
|
||||||
|
top: 4px;
|
||||||
|
margin-right: 0.75rem;
|
||||||
|
position: relative;
|
||||||
|
fill: #555758; }
|
||||||
|
|
||||||
|
.components-placeholder__fieldset p {
|
||||||
|
font-size: 0.875rem !important;
|
||||||
|
margin-top: -2px;
|
||||||
|
fill: #555758; }
|
||||||
|
.components-placeholder__fieldset p svg {
|
||||||
|
margin-right: 1rem;
|
||||||
|
top: 4px;
|
||||||
|
position: relative;
|
||||||
|
fill: #555758; }
|
||||||
|
|
||||||
|
.wp-block-tainacan-modal {
|
||||||
|
width: 50%; }
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.wp-block-tainacan-modal {
|
||||||
|
width: 75%; } }
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.wp-block-tainacan-modal {
|
||||||
|
width: 100%; } }
|
||||||
|
.wp-block-tainacan-modal.dynamic-modal {
|
||||||
|
width: 90%;
|
||||||
|
height: 90%;
|
||||||
|
width: 80vw;
|
||||||
|
height: 80vh; }
|
||||||
|
.wp-block-tainacan-modal.dynamic-modal iframe {
|
||||||
|
width: calc(100% + 64px);
|
||||||
|
height: calc(100% - 100px);
|
||||||
|
margin-left: -32px;
|
||||||
|
margin-bottom: -4px; }
|
||||||
|
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
||||||
|
height: 68px;
|
||||||
|
background: #dbdbdb;
|
||||||
|
width: calc(100% + 64px);
|
||||||
|
margin: 0px 0 -32px -32px !important;
|
||||||
|
padding: 1.2rem 3rem !important; }
|
||||||
|
.wp-block-tainacan-modal .spinner-container {
|
||||||
|
min-height: 56px;
|
||||||
|
padding: 1rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #555758; }
|
||||||
|
.wp-block-tainacan-modal .spinner-container .components-spineer {
|
||||||
|
margin: 8px; }
|
||||||
|
.wp-block-tainacan-modal .modal-search-area {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-bottom: 24px; }
|
||||||
|
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||||
|
width: 60%; }
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
||||||
|
width: 95%; } }
|
||||||
|
.wp-block-tainacan-modal .modal-search-area .components-base-control label {
|
||||||
|
text-align: center; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
||||||
|
padding: 0;
|
||||||
|
display: -ms-grid;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, 250px);
|
||||||
|
grid-gap: 0px;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 12px;
|
||||||
|
max-height: 50vh;
|
||||||
|
overflow-y: auto; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
||||||
|
overflow: hidden; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
margin-right: 10px; }
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
overflow: hidden;
|
||||||
|
display: inline-block;
|
||||||
|
max-width: 85%; }
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
||||||
|
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
||||||
|
max-width: 80%; } }
|
||||||
|
.wp-block-tainacan-modal .modal-loadmore-section {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
justify-content: center; }
|
||||||
|
.wp-block-tainacan-modal .modal-loadmore-section p {
|
||||||
|
color: #555758;
|
||||||
|
margin-right: 12px;
|
||||||
|
margin-top: 2px; }
|
||||||
|
.wp-block-tainacan-modal .modal-footer-area {
|
||||||
|
border-top: 1px solid #e2e4e7;
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 16px 16px 0 16px;
|
||||||
|
margin: 0 -16px; }
|
||||||
|
|
||||||
|
.wp-block-tainacan-terms-list {
|
||||||
|
margin: 2rem 0px; }
|
||||||
|
.wp-block-tainacan-terms-list .components-spinner {
|
||||||
|
position: absolute;
|
||||||
|
right: 0; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid {
|
||||||
|
padding: 0;
|
||||||
|
display: -ms-grid;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, 220px);
|
||||||
|
grid-gap: 0px;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
list-style-type: none; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
margin: 12px 12px 24px 12px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
width: 185px; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item a,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item a {
|
||||||
|
color: #454647;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: normal; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item img,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item img {
|
||||||
|
height: auto;
|
||||||
|
width: 185px;
|
||||||
|
min-width: 185px;
|
||||||
|
padding: 0px;
|
||||||
|
margin-bottom: 0.5rem; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item a.term-without-name span,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item a.term-without-name span {
|
||||||
|
display: none; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item:hover a,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item:hover a {
|
||||||
|
color: #454647;
|
||||||
|
text-decoration: none; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit li.term-list-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit li.term-list-item button {
|
||||||
|
position: absolute !important;
|
||||||
|
background-color: rgba(255, 255, 255, 0.75);
|
||||||
|
color: #454647;
|
||||||
|
padding: 2px;
|
||||||
|
margin-left: 5px;
|
||||||
|
min-width: 14px;
|
||||||
|
visibility: hidden;
|
||||||
|
position: relative;
|
||||||
|
opacity: 0;
|
||||||
|
right: -14px;
|
||||||
|
top: 0px;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 999; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit li.term-list-item:hover button {
|
||||||
|
visibility: visible;
|
||||||
|
background-color: white !important;
|
||||||
|
opacity: 1;
|
||||||
|
right: -8px;
|
||||||
|
top: -8px;
|
||||||
|
border: 1px solid #cbcbcb;
|
||||||
|
border-radius: 12px;
|
||||||
|
transition: opacity linear 0.15s, right linear 0.15s; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit li.term-list-item:hover button:hover {
|
||||||
|
background-color: white !important;
|
||||||
|
border: 1px solid #cbcbcb !important; }
|
||||||
|
@media only screen and (max-width: 498px) {
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid {
|
||||||
|
grid-template-columns: repeat(auto-fill, 100%); }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item {
|
||||||
|
width: 100%; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item img,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item img {
|
||||||
|
width: 100%; } }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list {
|
||||||
|
padding: 0;
|
||||||
|
display: block;
|
||||||
|
list-style-type: none; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
margin: 12px 12px 24px 12px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
min-height: 54px;
|
||||||
|
min-width: 22%;
|
||||||
|
width: 22%; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item a,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item a {
|
||||||
|
color: #454647;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 54px; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item img,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item img {
|
||||||
|
height: auto;
|
||||||
|
width: 54px;
|
||||||
|
min-width: 54px;
|
||||||
|
padding: 0px;
|
||||||
|
margin-right: 20px; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item a.term-without-image img,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item a.term-without-image img {
|
||||||
|
display: none; }
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item:hover a,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item:hover a {
|
||||||
|
color: #454647;
|
||||||
|
text-decoration: none; }
|
||||||
|
@media only screen and (max-width: 1600px) {
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
|
||||||
|
min-width: 30%;
|
||||||
|
width: 30%; } }
|
||||||
|
@media only screen and (max-width: 1024px) {
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
|
||||||
|
min-width: 45%;
|
||||||
|
width: 45%; } }
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
|
||||||
|
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
|
||||||
|
min-width: 100%;
|
||||||
|
width: 100%; } }
|
||||||
|
|
||||||
|
/*# sourceMappingURL=tainacan-gutenberg-block-terms-list.css.map */
|
||||||
|
|
@ -0,0 +1,7 @@
|
||||||
|
{
|
||||||
|
"version": 3,
|
||||||
|
"mappings": "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",
|
||||||
|
"sources": ["../../gutenberg-blocks/gutenberg-blocks-style.scss","../../gutenberg-blocks/tainacan-terms/terms-list/terms-list.scss"],
|
||||||
|
"names": [],
|
||||||
|
"file": "tainacan-gutenberg-block-terms-list.css"
|
||||||
|
}
|
||||||
|
|
@ -1,835 +0,0 @@
|
||||||
.wp-block-tainacan-terms-list {
|
|
||||||
margin: 2rem 0px; }
|
|
||||||
.wp-block-tainacan-terms-list .components-spinner {
|
|
||||||
position: absolute;
|
|
||||||
right: 0; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid {
|
|
||||||
padding: 0;
|
|
||||||
display: -ms-grid;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, 220px);
|
|
||||||
grid-gap: 0px;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
list-style-type: none; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
margin: 12px 12px 24px 12px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
width: 185px; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item a,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item a {
|
|
||||||
color: #454647;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: normal; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item img,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item img {
|
|
||||||
height: auto;
|
|
||||||
width: 185px;
|
|
||||||
min-width: 185px;
|
|
||||||
padding: 0px;
|
|
||||||
margin-bottom: 0.5rem; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item a.term-without-name span,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item a.term-without-name span {
|
|
||||||
display: none; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item:hover a,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item:hover a {
|
|
||||||
color: #454647;
|
|
||||||
text-decoration: none; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit li.term-list-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit li.term-list-item button {
|
|
||||||
position: absolute !important;
|
|
||||||
background-color: rgba(255, 255, 255, 0.75);
|
|
||||||
color: #454647;
|
|
||||||
padding: 2px;
|
|
||||||
margin-left: 5px;
|
|
||||||
min-width: 14px;
|
|
||||||
visibility: hidden;
|
|
||||||
position: relative;
|
|
||||||
opacity: 0;
|
|
||||||
right: -14px;
|
|
||||||
top: 0px;
|
|
||||||
justify-content: center;
|
|
||||||
z-index: 999; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit li.term-list-item:hover button {
|
|
||||||
visibility: visible;
|
|
||||||
background-color: white !important;
|
|
||||||
opacity: 1;
|
|
||||||
right: -8px;
|
|
||||||
top: -8px;
|
|
||||||
border: 1px solid #cbcbcb;
|
|
||||||
border-radius: 12px;
|
|
||||||
transition: opacity linear 0.15s, right linear 0.15s; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit li.term-list-item:hover button:hover {
|
|
||||||
background-color: white !important;
|
|
||||||
border: 1px solid #cbcbcb !important; }
|
|
||||||
@media only screen and (max-width: 498px) {
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid {
|
|
||||||
grid-template-columns: repeat(auto-fill, 100%); }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item {
|
|
||||||
width: 100%; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-grid li.term-list-item img,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-grid li.term-list-item img {
|
|
||||||
width: 100%; } }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list {
|
|
||||||
padding: 0;
|
|
||||||
display: block;
|
|
||||||
list-style-type: none; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
margin: 12px 12px 24px 12px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
min-height: 54px;
|
|
||||||
min-width: 22%;
|
|
||||||
width: 22%; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item a,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item a {
|
|
||||||
color: #454647;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 54px; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item img,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item img {
|
|
||||||
height: auto;
|
|
||||||
width: 54px;
|
|
||||||
min-width: 54px;
|
|
||||||
padding: 0px;
|
|
||||||
margin-right: 20px; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item a.term-without-image img,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item a.term-without-image img {
|
|
||||||
display: none; }
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item:hover a,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item:hover a {
|
|
||||||
color: #454647;
|
|
||||||
text-decoration: none; }
|
|
||||||
@media only screen and (max-width: 1600px) {
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
|
|
||||||
min-width: 30%;
|
|
||||||
width: 30%; } }
|
|
||||||
@media only screen and (max-width: 1024px) {
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
|
|
||||||
min-width: 45%;
|
|
||||||
width: 45%; } }
|
|
||||||
@media only screen and (max-width: 768px) {
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list.terms-layout-list li.term-list-item,
|
|
||||||
.wp-block-tainacan-terms-list ul.terms-list-edit.terms-layout-list li.term-list-item {
|
|
||||||
min-width: 100%;
|
|
||||||
width: 100%; } }
|
|
||||||
|
|
||||||
.wp-block-tainacan-items-list {
|
|
||||||
margin: 2rem 0px; }
|
|
||||||
.wp-block-tainacan-items-list .components-spinner {
|
|
||||||
position: absolute;
|
|
||||||
right: 0; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-list-without-margin,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-list-without-margin {
|
|
||||||
grid-template-columns: repeat(auto-fill, 185px);
|
|
||||||
justify-content: center !important;
|
|
||||||
grid-template-rows: auto !important; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-list-without-margin li,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-list-without-margin li {
|
|
||||||
margin-top: 0 !important;
|
|
||||||
margin-right: 0 !important;
|
|
||||||
margin-left: 0 !important;
|
|
||||||
height: 185px !important; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-list-without-margin li img,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-list-without-margin li img {
|
|
||||||
height: 185px !important;
|
|
||||||
margin-bottom: 0px !important; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid {
|
|
||||||
padding: 0;
|
|
||||||
display: -ms-grid;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, 220px);
|
|
||||||
grid-gap: 0px;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
list-style-type: none; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
margin: 12px 12px 24px 12px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
width: 185px; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item a,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item a {
|
|
||||||
color: #454647;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: normal; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item img,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item img {
|
|
||||||
height: auto;
|
|
||||||
width: 185px;
|
|
||||||
min-width: 185px;
|
|
||||||
padding: 0px;
|
|
||||||
margin-bottom: 0.5rem; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item a.item-without-title span,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item a.item-without-title span {
|
|
||||||
display: none; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item:hover a,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item:hover a {
|
|
||||||
color: #454647;
|
|
||||||
text-decoration: none; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit li.item-list-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit li.item-list-item button {
|
|
||||||
position: absolute !important;
|
|
||||||
background-color: rgba(255, 255, 255, 0.75);
|
|
||||||
color: #454647;
|
|
||||||
padding: 2px;
|
|
||||||
margin-left: 5px;
|
|
||||||
min-width: 14px;
|
|
||||||
visibility: hidden;
|
|
||||||
position: relative;
|
|
||||||
opacity: 0;
|
|
||||||
right: -14px;
|
|
||||||
top: 0px;
|
|
||||||
justify-content: center;
|
|
||||||
z-index: 999; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit li.item-list-item:hover button {
|
|
||||||
visibility: visible;
|
|
||||||
background-color: white !important;
|
|
||||||
opacity: 1;
|
|
||||||
right: -8px;
|
|
||||||
top: -8px;
|
|
||||||
border: 1px solid #cbcbcb;
|
|
||||||
border-radius: 12px;
|
|
||||||
transition: opacity linear 0.15s, right linear 0.15s; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit li.item-list-item:hover button:hover {
|
|
||||||
background-color: white !important;
|
|
||||||
border: 1px solid #cbcbcb !important; }
|
|
||||||
@media only screen and (max-width: 498px) {
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid {
|
|
||||||
grid-template-columns: repeat(auto-fill, 100%); }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item {
|
|
||||||
width: 100%; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-grid li.item-list-item img,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-grid li.item-list-item img {
|
|
||||||
width: 100%; } }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-list,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list {
|
|
||||||
padding: 0;
|
|
||||||
display: block;
|
|
||||||
list-style-type: none; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
margin: 12px 12px 24px 12px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
min-height: 54px;
|
|
||||||
min-width: 22%;
|
|
||||||
width: 22%; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item a,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item a {
|
|
||||||
color: #454647;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 54px; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item img,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item img {
|
|
||||||
height: auto;
|
|
||||||
width: 54px;
|
|
||||||
min-width: 54px;
|
|
||||||
padding: 0px;
|
|
||||||
margin-right: 20px; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item a.item-without-image img,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item a.item-without-image img {
|
|
||||||
display: none; }
|
|
||||||
.wp-block-tainacan-items-list ul.items-list.items-layout-list li.item-list-item:hover a,
|
|
||||||
.wp-block-tainacan-items-list ul.items-list-edit.items-layout-list li.item-list-item:hover a {
|
|
||||||
color: #454647;
|
|
||||||
text-decoration: none; }
|
|
||||||
|
|
||||||
.wp-block-tainacan-collections-list {
|
|
||||||
margin: 2rem 0px; }
|
|
||||||
.wp-block-tainacan-collections-list .components-spinner {
|
|
||||||
position: absolute;
|
|
||||||
right: 0; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-list-without-margin,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-list-without-margin {
|
|
||||||
grid-template-columns: repeat(auto-fill, 185px);
|
|
||||||
justify-content: center !important;
|
|
||||||
grid-template-rows: auto !important; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-list-without-margin li,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-list-without-margin li {
|
|
||||||
margin-top: 0 !important;
|
|
||||||
margin-right: 0 !important;
|
|
||||||
margin-left: 0 !important;
|
|
||||||
height: 185px !important; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-list-without-margin li img,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-list-without-margin li img {
|
|
||||||
height: 185px !important;
|
|
||||||
margin-bottom: 0px !important; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid {
|
|
||||||
padding: 0;
|
|
||||||
display: -ms-grid;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, 220px);
|
|
||||||
grid-gap: 0px;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
list-style-type: none; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
margin: 12px 12px 24px 12px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
width: 185px; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item a,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item a {
|
|
||||||
color: #454647;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: normal; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item img,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item img {
|
|
||||||
height: auto;
|
|
||||||
width: 185px;
|
|
||||||
min-width: 185px;
|
|
||||||
padding: 0px;
|
|
||||||
margin-bottom: 0.5rem; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item a.collection-without-name span,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item a.collection-without-name span {
|
|
||||||
display: none; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item:hover a,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item:hover a {
|
|
||||||
color: #454647;
|
|
||||||
text-decoration: none; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit li.collection-list-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit li.collection-list-item button {
|
|
||||||
position: absolute !important;
|
|
||||||
background-color: rgba(255, 255, 255, 0.75);
|
|
||||||
color: #454647;
|
|
||||||
padding: 2px;
|
|
||||||
margin-left: 5px;
|
|
||||||
min-width: 14px;
|
|
||||||
visibility: hidden;
|
|
||||||
position: relative;
|
|
||||||
opacity: 0;
|
|
||||||
right: -14px;
|
|
||||||
top: 0px;
|
|
||||||
justify-content: center;
|
|
||||||
z-index: 999; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit li.collection-list-item:hover button {
|
|
||||||
visibility: visible;
|
|
||||||
background-color: white !important;
|
|
||||||
opacity: 1;
|
|
||||||
right: -8px;
|
|
||||||
top: -8px;
|
|
||||||
border: 1px solid #cbcbcb;
|
|
||||||
border-radius: 12px;
|
|
||||||
transition: opacity linear 0.15s, right linear 0.15s; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit li.collection-list-item:hover button:hover {
|
|
||||||
background-color: white !important;
|
|
||||||
border: 1px solid #cbcbcb !important; }
|
|
||||||
@media only screen and (max-width: 498px) {
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid {
|
|
||||||
grid-template-columns: repeat(auto-fill, 100%); }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item {
|
|
||||||
width: 100%; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-grid li.collection-list-item img,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-grid li.collection-list-item img {
|
|
||||||
width: 100%; } }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list {
|
|
||||||
padding: 0;
|
|
||||||
display: block;
|
|
||||||
list-style-type: none; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
margin: 12px 12px 24px 12px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
min-height: 54px;
|
|
||||||
min-width: 22%;
|
|
||||||
width: 22%; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item a,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item a {
|
|
||||||
color: #454647;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 54px; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item img,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item img {
|
|
||||||
height: auto;
|
|
||||||
width: 54px;
|
|
||||||
min-width: 54px;
|
|
||||||
padding: 0px;
|
|
||||||
margin-right: 20px; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item a.collection-without-image img,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item a.collection-without-image img {
|
|
||||||
display: none; }
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item:hover a,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item:hover a {
|
|
||||||
color: #454647;
|
|
||||||
text-decoration: none; }
|
|
||||||
@media only screen and (max-width: 1600px) {
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
|
|
||||||
min-width: 30%;
|
|
||||||
width: 30%; } }
|
|
||||||
@media only screen and (max-width: 1024px) {
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
|
|
||||||
min-width: 45%;
|
|
||||||
width: 45%; } }
|
|
||||||
@media only screen and (max-width: 768px) {
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list.collections-layout-list li.collection-list-item,
|
|
||||||
.wp-block-tainacan-collections-list ul.collections-list-edit.collections-layout-list li.collection-list-item {
|
|
||||||
min-width: 100%;
|
|
||||||
width: 100%; } }
|
|
||||||
|
|
||||||
.wp-block-tainacan-dynamic-items-list {
|
|
||||||
margin: 2rem 0px; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .spinner-container {
|
|
||||||
min-height: 56px;
|
|
||||||
padding: 1rem;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
color: #555758; }
|
|
||||||
@-webkit-keyframes skeleton-animation {
|
|
||||||
0% {
|
|
||||||
opacity: 1.0; }
|
|
||||||
50% {
|
|
||||||
opacity: 0.2; }
|
|
||||||
100% {
|
|
||||||
opacity: 1.0; } }
|
|
||||||
@-moz-keyframes skeleton-animation {
|
|
||||||
0% {
|
|
||||||
opacity: 1.0; }
|
|
||||||
50% {
|
|
||||||
opacity: 0.2; }
|
|
||||||
100% {
|
|
||||||
opacity: 1.0; } }
|
|
||||||
@-o-keyframes skeleton-animation {
|
|
||||||
0% {
|
|
||||||
opacity: 1.0; }
|
|
||||||
50% {
|
|
||||||
opacity: 0.2; }
|
|
||||||
100% {
|
|
||||||
opacity: 1.0; } }
|
|
||||||
@keyframes skeleton-animation {
|
|
||||||
0% {
|
|
||||||
opacity: 1.0; }
|
|
||||||
50% {
|
|
||||||
opacity: 0.2; }
|
|
||||||
100% {
|
|
||||||
opacity: 1.0; } }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .skeleton {
|
|
||||||
border-radius: 2px;
|
|
||||||
background: #f2f2f2;
|
|
||||||
-webkit-animation: skeleton-animation 1.8s ease infinite;
|
|
||||||
-moz-animation: skeleton-animation 1.8s ease infinite;
|
|
||||||
-o-animation: skeleton-animation 1.8s ease infinite;
|
|
||||||
animation: skeleton-animation 1.8s ease infinite; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header {
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
align-items: stretch;
|
|
||||||
text-decoration: none; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header:hover {
|
|
||||||
text-decoration: none; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name {
|
|
||||||
width: auto;
|
|
||||||
min-width: 350px;
|
|
||||||
flex-grow: 1;
|
|
||||||
padding: 1rem 100px 1rem 1rem;
|
|
||||||
text-align: right;
|
|
||||||
line-height: 1.5rem;
|
|
||||||
min-height: 165px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
align-items: center;
|
|
||||||
background-color: #454647; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name h3 {
|
|
||||||
color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 1.3rem; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name h3:hover {
|
|
||||||
text-decoration: none; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name span.label {
|
|
||||||
font-weight: normal;
|
|
||||||
font-size: 1rem; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name.only-collection-name {
|
|
||||||
justify-content: center;
|
|
||||||
padding: 1rem; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name.only-collection-name h3 {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 1.75rem; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-thumbnail {
|
|
||||||
height: 145px;
|
|
||||||
width: 145px;
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
border-radius: 80px;
|
|
||||||
border: 4px solid white;
|
|
||||||
margin: 10px;
|
|
||||||
flex-shrink: 0;
|
|
||||||
position: relative;
|
|
||||||
margin-left: -155px;
|
|
||||||
left: 82px;
|
|
||||||
background-color: #dbdbdb; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-header-image {
|
|
||||||
width: auto;
|
|
||||||
min-width: 150px;
|
|
||||||
min-height: 165px;
|
|
||||||
flex-grow: 2;
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
|
||||||
background-color: #dbdbdb; }
|
|
||||||
@media only screen and (max-width: 1024px) {
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header {
|
|
||||||
flex-wrap: wrap-reverse; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name {
|
|
||||||
width: 100% !important;
|
|
||||||
min-width: 100% !important;
|
|
||||||
justify-content: center !important;
|
|
||||||
text-align: center !important;
|
|
||||||
padding: 64px 1rem 0rem 1rem; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-name h3 {
|
|
||||||
margin-bottom: 1rem; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-thumbnail {
|
|
||||||
left: calc(-50% + 78px) !important;
|
|
||||||
top: -78px !important; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-collection-header .collection-header-image {
|
|
||||||
background-color: transparent; } }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
border-bottom: 1px solid #cbcbcb;
|
|
||||||
padding: 1.25rem 0.5rem 0.75rem 0.5rem; }
|
|
||||||
@media only screen and (max-width: 768px) {
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar {
|
|
||||||
flex-wrap: wrap; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar .search-button {
|
|
||||||
order: 4;
|
|
||||||
position: absolute;
|
|
||||||
margin-top: 37px; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input {
|
|
||||||
width: 100% !important;
|
|
||||||
order: 5;
|
|
||||||
margin-top: 8px;
|
|
||||||
margin-left: 0px !important;
|
|
||||||
padding-left: 4px !important;
|
|
||||||
border-color: #dbdbdb !important; } }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button {
|
|
||||||
margin-right: 0.75rem;
|
|
||||||
min-height: 28px;
|
|
||||||
z-index: 2;
|
|
||||||
border: none;
|
|
||||||
background: transparent;
|
|
||||||
cursor: pointer; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button svg {
|
|
||||||
fill: #cbcbcb;
|
|
||||||
transition: fill 0.4s ease; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button:hover svg {
|
|
||||||
fill: #545758; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button:focus, .wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button:active {
|
|
||||||
border: none;
|
|
||||||
box-shadow: none; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.sorting-button-selected svg {
|
|
||||||
fill: #545758; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.next-button {
|
|
||||||
margin-right: 0rem;
|
|
||||||
padding: 0; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.next-button svg {
|
|
||||||
fill: #298596; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.previous-button {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: 1rem;
|
|
||||||
padding: 0; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button.previous-button svg {
|
|
||||||
fill: #298596; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar button[disabled] svg {
|
|
||||||
fill: #f2f2f2;
|
|
||||||
cursor: not-allowed; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input {
|
|
||||||
height: 32px;
|
|
||||||
width: 20%;
|
|
||||||
border-radius: 0;
|
|
||||||
margin-left: -52px;
|
|
||||||
padding-left: 52px;
|
|
||||||
border: 1px solid white;
|
|
||||||
transition: border-color 0.7s ease, width 0.5s ease-in; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input:focus, .wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input:active, .wp-block-tainacan-dynamic-items-list .dynamic-items-search-bar input:hover {
|
|
||||||
width: 100%;
|
|
||||||
border: 1px solid #cbcbcb;
|
|
||||||
box-shadow: none; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-list-without-margin,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-list-without-margin {
|
|
||||||
grid-template-columns: repeat(auto-fill, 185px);
|
|
||||||
justify-content: center !important;
|
|
||||||
grid-template-rows: auto !important;
|
|
||||||
list-style: none; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-list-without-margin li,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-list-without-margin li {
|
|
||||||
margin-top: 0 !important;
|
|
||||||
margin-right: 0 !important;
|
|
||||||
margin-left: 0 !important;
|
|
||||||
height: 185px !important; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-list-without-margin li img,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-list-without-margin li img {
|
|
||||||
height: 185px !important;
|
|
||||||
margin-bottom: 0px !important; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid {
|
|
||||||
padding: 0;
|
|
||||||
display: -ms-grid;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, 220px);
|
|
||||||
grid-gap: 0px;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
list-style-type: none; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
margin: 12px 12px 24px 12px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
width: 185px; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item a,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item a {
|
|
||||||
color: #454647;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: normal; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item img,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item img {
|
|
||||||
height: auto;
|
|
||||||
width: 185px;
|
|
||||||
min-width: 185px;
|
|
||||||
padding: 0px;
|
|
||||||
margin-bottom: 0.5rem; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item a.item-without-title span,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item a.item-without-title span {
|
|
||||||
display: none; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item:hover a,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item:hover a {
|
|
||||||
color: #454647;
|
|
||||||
text-decoration: none; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit li.item-list-item {
|
|
||||||
display: flex;
|
|
||||||
align-items: flex-start; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit li.item-list-item button {
|
|
||||||
position: absolute !important;
|
|
||||||
background-color: rgba(255, 255, 255, 0.75);
|
|
||||||
color: #454647;
|
|
||||||
padding: 2px;
|
|
||||||
margin-left: 5px;
|
|
||||||
min-width: 14px;
|
|
||||||
visibility: hidden;
|
|
||||||
position: relative;
|
|
||||||
opacity: 0;
|
|
||||||
right: -14px;
|
|
||||||
top: 0px;
|
|
||||||
justify-content: center;
|
|
||||||
z-index: 999; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit li.item-list-item:hover button {
|
|
||||||
visibility: visible;
|
|
||||||
background-color: white !important;
|
|
||||||
opacity: 1;
|
|
||||||
right: -8px;
|
|
||||||
top: -8px;
|
|
||||||
border: 1px solid #cbcbcb;
|
|
||||||
border-radius: 12px;
|
|
||||||
transition: opacity linear 0.15s, right linear 0.15s; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit li.item-list-item:hover button:hover {
|
|
||||||
background-color: white !important;
|
|
||||||
border: 1px solid #cbcbcb !important; }
|
|
||||||
@media only screen and (max-width: 498px) {
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid {
|
|
||||||
grid-template-columns: repeat(auto-fill, 100%); }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item {
|
|
||||||
width: 100%; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-grid li.item-list-item img,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-grid li.item-list-item img {
|
|
||||||
width: 100%; } }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list {
|
|
||||||
padding: 0;
|
|
||||||
display: block;
|
|
||||||
list-style-type: none; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
margin: 12px 12px 24px 12px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
min-height: 54px;
|
|
||||||
min-width: 22%;
|
|
||||||
width: 22%; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item a,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item a {
|
|
||||||
color: #454647;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 54px; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item img,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item img {
|
|
||||||
height: auto;
|
|
||||||
width: 54px;
|
|
||||||
min-width: 54px;
|
|
||||||
padding: 0px;
|
|
||||||
margin-right: 20px; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item a.item-without-image img,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item a.item-without-image img {
|
|
||||||
display: none; }
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list.items-layout-list li.item-list-item:hover a,
|
|
||||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit.items-layout-list li.item-list-item:hover a {
|
|
||||||
color: #454647;
|
|
||||||
text-decoration: none; }
|
|
||||||
|
|
||||||
.block-control {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 5px;
|
|
||||||
position: relative;
|
|
||||||
top: -14px;
|
|
||||||
left: -14px;
|
|
||||||
width: calc(100% + 28px);
|
|
||||||
background: #f2f2f2; }
|
|
||||||
.block-control p {
|
|
||||||
font-size: 0.875rem !important;
|
|
||||||
margin: 12px 1.5rem 16px 0;
|
|
||||||
fill: #555758; }
|
|
||||||
.block-control p svg {
|
|
||||||
top: 4px;
|
|
||||||
margin-right: 0.75rem;
|
|
||||||
position: relative;
|
|
||||||
fill: #555758; }
|
|
||||||
|
|
||||||
.components-placeholder__fieldset p {
|
|
||||||
font-size: 0.875rem !important;
|
|
||||||
margin-top: -2px;
|
|
||||||
fill: #555758; }
|
|
||||||
.components-placeholder__fieldset p svg {
|
|
||||||
margin-right: 1rem;
|
|
||||||
top: 4px;
|
|
||||||
position: relative;
|
|
||||||
fill: #555758; }
|
|
||||||
|
|
||||||
.wp-block-tainacan-modal {
|
|
||||||
width: 50%; }
|
|
||||||
@media only screen and (max-width: 1024px) {
|
|
||||||
.wp-block-tainacan-modal {
|
|
||||||
width: 75%; } }
|
|
||||||
@media only screen and (max-width: 768px) {
|
|
||||||
.wp-block-tainacan-modal {
|
|
||||||
width: 100%; } }
|
|
||||||
.wp-block-tainacan-modal.dynamic-modal {
|
|
||||||
width: 90%;
|
|
||||||
height: 90%;
|
|
||||||
width: 80vw;
|
|
||||||
height: 80vh; }
|
|
||||||
.wp-block-tainacan-modal.dynamic-modal iframe {
|
|
||||||
width: calc(100% + 64px);
|
|
||||||
height: calc(100% - 100px);
|
|
||||||
margin-left: -32px;
|
|
||||||
margin-bottom: -4px; }
|
|
||||||
.wp-block-tainacan-modal.dynamic-modal .modal-footer-area {
|
|
||||||
height: 68px;
|
|
||||||
background: #dbdbdb;
|
|
||||||
width: calc(100% + 64px);
|
|
||||||
margin: 0px 0 -32px -32px !important;
|
|
||||||
padding: 1.2rem 3rem !important; }
|
|
||||||
.wp-block-tainacan-modal .components-spinner {
|
|
||||||
position: absolute;
|
|
||||||
right: 5%;
|
|
||||||
bottom: 84px; }
|
|
||||||
.wp-block-tainacan-modal .modal-search-area {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
margin-bottom: 24px; }
|
|
||||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
|
||||||
width: 60%; }
|
|
||||||
@media only screen and (max-width: 1024px) {
|
|
||||||
.wp-block-tainacan-modal .modal-search-area .components-base-control {
|
|
||||||
width: 95%; } }
|
|
||||||
.wp-block-tainacan-modal .modal-search-area .components-base-control label {
|
|
||||||
text-align: center; }
|
|
||||||
.wp-block-tainacan-modal .modal-checkbox-list,
|
|
||||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field {
|
|
||||||
padding: 0;
|
|
||||||
display: -ms-grid;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(auto-fill, 250px);
|
|
||||||
grid-gap: 0px;
|
|
||||||
justify-content: space-evenly;
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 12px;
|
|
||||||
max-height: 50vh;
|
|
||||||
overflow-y: auto; }
|
|
||||||
.wp-block-tainacan-modal .modal-checkbox-list .components-base-control,
|
|
||||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-base-control {
|
|
||||||
overflow: hidden; }
|
|
||||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item,
|
|
||||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option,
|
|
||||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item,
|
|
||||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start; }
|
|
||||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item img,
|
|
||||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option img,
|
|
||||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item img,
|
|
||||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option img {
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
margin-right: 10px; }
|
|
||||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
|
||||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
|
||||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
|
||||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
display: inline-block;
|
|
||||||
max-width: 85%; }
|
|
||||||
@media only screen and (max-width: 768px) {
|
|
||||||
.wp-block-tainacan-modal .modal-checkbox-list .modal-checkbox-list-item label,
|
|
||||||
.wp-block-tainacan-modal .modal-checkbox-list .components-radio-control__option label,
|
|
||||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .modal-checkbox-list-item label,
|
|
||||||
.wp-block-tainacan-modal .modal-radio-list .components-base-control__field .components-radio-control__option label {
|
|
||||||
max-width: 80%; } }
|
|
||||||
.wp-block-tainacan-modal .modal-loadmore-section {
|
|
||||||
display: flex;
|
|
||||||
align-items: baseline;
|
|
||||||
justify-content: center; }
|
|
||||||
.wp-block-tainacan-modal .modal-loadmore-section p {
|
|
||||||
color: #555758;
|
|
||||||
margin-right: 12px;
|
|
||||||
margin-top: 2px; }
|
|
||||||
.wp-block-tainacan-modal .modal-footer-area {
|
|
||||||
border-top: 1px solid #e2e4e7;
|
|
||||||
display: flex;
|
|
||||||
align-items: baseline;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 16px 16px 0 16px;
|
|
||||||
margin: 0 -16px; }
|
|
||||||
|
|
||||||
/*# sourceMappingURL=tainacan-gutenberg-blocks-style.css.map */
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -13,7 +13,6 @@ function tainacan_blocks_initialize() {
|
||||||
}
|
}
|
||||||
|
|
||||||
function tainacan_blocks_add_gutenberg_blocks_actions() {
|
function tainacan_blocks_add_gutenberg_blocks_actions() {
|
||||||
// add_action('init', 'tainacan_blocks_register_tainacan_items_grid');
|
|
||||||
add_action('init', 'tainacan_blocks_register_tainacan_terms_list');
|
add_action('init', 'tainacan_blocks_register_tainacan_terms_list');
|
||||||
add_action('init', 'tainacan_blocks_register_tainacan_items_list');
|
add_action('init', 'tainacan_blocks_register_tainacan_items_list');
|
||||||
add_action('init', 'tainacan_blocks_register_tainacan_dynamic_items_list');
|
add_action('init', 'tainacan_blocks_register_tainacan_dynamic_items_list');
|
||||||
|
|
@ -37,29 +36,6 @@ function tainacan_blocks_register_categories($categories, $post){
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
// function tainacan_blocks_register_tainacan_items_grid(){
|
|
||||||
// global $TAINACAN_BASE_URL;
|
|
||||||
|
|
||||||
// wp_register_script(
|
|
||||||
// 'items-grid',
|
|
||||||
// $TAINACAN_BASE_URL . '/assets/gutenberg_items_grid-components.js',
|
|
||||||
// array('wp-blocks', 'wp-element', 'wp-components', 'wp-editor', 'underscore')
|
|
||||||
// );
|
|
||||||
|
|
||||||
// wp_register_style(
|
|
||||||
// 'items-grid',
|
|
||||||
// $TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-blocks-style.css',
|
|
||||||
// array('wp-edit-blocks')
|
|
||||||
// );
|
|
||||||
|
|
||||||
// if (function_exists('register_block_type')) {
|
|
||||||
// register_block_type( 'tainacan/items-grid', array(
|
|
||||||
// 'editor_script' => 'items-grid',
|
|
||||||
// 'style' => 'items-grid'
|
|
||||||
// ) );
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
|
|
||||||
function tainacan_blocks_register_tainacan_terms_list(){
|
function tainacan_blocks_register_tainacan_terms_list(){
|
||||||
global $TAINACAN_BASE_URL;
|
global $TAINACAN_BASE_URL;
|
||||||
|
|
||||||
|
|
@ -71,7 +47,7 @@ function tainacan_blocks_register_tainacan_terms_list(){
|
||||||
|
|
||||||
wp_register_style(
|
wp_register_style(
|
||||||
'terms-list',
|
'terms-list',
|
||||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-blocks-style.css',
|
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-terms-list.css',
|
||||||
array('wp-edit-blocks')
|
array('wp-edit-blocks')
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
@ -94,7 +70,7 @@ function tainacan_blocks_register_tainacan_items_list(){
|
||||||
|
|
||||||
wp_register_style(
|
wp_register_style(
|
||||||
'items-list',
|
'items-list',
|
||||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-blocks-style.css',
|
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-items-list.css',
|
||||||
array('wp-edit-blocks')
|
array('wp-edit-blocks')
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
@ -123,7 +99,7 @@ function tainacan_blocks_register_tainacan_dynamic_items_list(){
|
||||||
|
|
||||||
wp_register_style(
|
wp_register_style(
|
||||||
'dynamic-items-list',
|
'dynamic-items-list',
|
||||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-blocks-style.css',
|
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-dynamic-items-list.css',
|
||||||
array('wp-edit-blocks')
|
array('wp-edit-blocks')
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
@ -147,7 +123,7 @@ function tainacan_blocks_register_tainacan_collections_list(){
|
||||||
|
|
||||||
wp_register_style(
|
wp_register_style(
|
||||||
'collections-list',
|
'collections-list',
|
||||||
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-blocks-style.css',
|
$TAINACAN_BASE_URL . '/assets/css/tainacan-gutenberg-block-collections-list.css',
|
||||||
array('wp-edit-blocks')
|
array('wp-edit-blocks')
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
@ -176,7 +152,6 @@ function tainacan_blocks_add_plugin_settings() {
|
||||||
|
|
||||||
$settings = tainacan_blocks_get_plugin_js_settings();
|
$settings = tainacan_blocks_get_plugin_js_settings();
|
||||||
|
|
||||||
// wp_localize_script( 'items-grid', 'tainacan_plugin', $settings );
|
|
||||||
wp_localize_script( 'terms-list', 'tainacan_plugin', $settings );
|
wp_localize_script( 'terms-list', 'tainacan_plugin', $settings );
|
||||||
wp_localize_script( 'items-list', 'tainacan_plugin', $settings );
|
wp_localize_script( 'items-list', 'tainacan_plugin', $settings );
|
||||||
wp_localize_script( 'dynamic-items-list', 'tainacan_plugin', $settings );
|
wp_localize_script( 'dynamic-items-list', 'tainacan_plugin', $settings );
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,3 @@
|
||||||
// EACH BLOCK STYLE
|
|
||||||
@import 'tainacan-terms/terms-list/terms-list';
|
|
||||||
@import 'tainacan-items/items-list/items-list';
|
|
||||||
@import 'tainacan-collections/collections-list/collections-list';
|
|
||||||
@import 'tainacan-items/dynamic-items-list/dynamic-items-list';
|
|
||||||
|
|
||||||
// COMMON TO MOST BLOCKS
|
// COMMON TO MOST BLOCKS
|
||||||
// Control and placeholder region ----------------------------------------------------
|
// Control and placeholder region ----------------------------------------------------
|
||||||
.block-control {
|
.block-control {
|
||||||
|
|
@ -75,10 +69,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Spinner
|
// Spinner
|
||||||
.components-spinner {
|
.spinner-container {
|
||||||
position: absolute;
|
min-height: 56px;
|
||||||
right: 5%;
|
padding: 1rem;
|
||||||
bottom: 84px;
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #555758;
|
||||||
|
.components-spineer { margin: 8px; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-search-area {
|
.modal-search-area {
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,5 @@
|
||||||
|
@import '../../gutenberg-blocks-style.scss';
|
||||||
|
|
||||||
.wp-block-tainacan-collections-list {
|
.wp-block-tainacan-collections-list {
|
||||||
margin: 2rem 0px;
|
margin: 2rem 0px;
|
||||||
|
|
||||||
|
|
@ -7,7 +9,6 @@
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Grid View Mode ----------------------------------------------------
|
// Grid View Mode ----------------------------------------------------
|
||||||
ul.collections-list.collections-list-without-margin,
|
ul.collections-list.collections-list-without-margin,
|
||||||
ul.collections-list-edit.collections-list-without-margin {
|
ul.collections-list-edit.collections-list-without-margin {
|
||||||
|
|
|
||||||
|
|
@ -238,10 +238,10 @@ export default class CollectionsModal extends React.Component {
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
</ul>
|
</ul>
|
||||||
{ this.state.isLoadingCollections ? <Spinner/> : null }
|
{ this.state.isLoadingCollections ? <div class="spinner-container"><Spinner /></div> : null }
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
: this.state.isLoadingCollections ? <Spinner/> :
|
: this.state.isLoadingCollections ? <div class="spinner-container"><Spinner /></div> :
|
||||||
<div className="modal-loadmore-section">
|
<div className="modal-loadmore-section">
|
||||||
<p>{ __('Sorry, no collections found.', 'tainacan') }</p>
|
<p>{ __('Sorry, no collections found.', 'tainacan') }</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -269,7 +269,7 @@ export default class CollectionsModal extends React.Component {
|
||||||
</li>
|
</li>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
{ this.state.isLoadingCollections ? <Spinner/> : null }
|
{ this.state.isLoadingCollections ? <div class="spinner-container"><Spinner /></div> : null }
|
||||||
</ul>
|
</ul>
|
||||||
<div className="modal-loadmore-section">
|
<div className="modal-loadmore-section">
|
||||||
<p>{ __('Showing', 'tainacan') + " " + this.state.modalCollections.length + " " + __('of', 'tainacan') + " " + this.state.totalModalCollections + " " + __('collections', 'tainacan') + "."}</p>
|
<p>{ __('Showing', 'tainacan') + " " + this.state.modalCollections.length + " " + __('of', 'tainacan') + " " + this.state.totalModalCollections + " " + __('collections', 'tainacan') + "."}</p>
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,5 @@
|
||||||
|
@import '../../gutenberg-blocks-style.scss';
|
||||||
|
|
||||||
.wp-block-tainacan-dynamic-items-list {
|
.wp-block-tainacan-dynamic-items-list {
|
||||||
margin: 2rem 0px;
|
margin: 2rem 0px;
|
||||||
|
|
||||||
|
|
@ -138,7 +140,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-bottom: 1px solid #cbcbcb;
|
border-bottom: 1px solid #cbcbcb;
|
||||||
padding: 1.25rem 0.5rem 0.75rem 0.5rem;
|
padding: 1.00rem 0.5rem 0.75rem 0.5rem;
|
||||||
|
|
||||||
@media only screen and (max-width: 768px) {
|
@media only screen and (max-width: 768px) {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
|
||||||
|
|
@ -1,354 +0,0 @@
|
||||||
const { registerBlockType } = wp.blocks;
|
|
||||||
|
|
||||||
const { __ } = wp.i18n;
|
|
||||||
|
|
||||||
const { Button, Modal, TextareaControl, QueryControls, Placeholder, CheckboxControl } = wp.components;
|
|
||||||
|
|
||||||
const { InspectorControls } = wp.editor;
|
|
||||||
|
|
||||||
import tainacan from '../../api-client/axios.js';
|
|
||||||
import qs from 'qs';
|
|
||||||
|
|
||||||
registerBlockType('tainacan/items-grid', {
|
|
||||||
title: __('Tainacan Items Grid', 'tainacan'),
|
|
||||||
icon: (
|
|
||||||
<svg
|
|
||||||
style={{width:"24px", height:"24px"}}
|
|
||||||
viewBox="0 0 24 24">
|
|
||||||
<path
|
|
||||||
fill="#000000"
|
|
||||||
d="M10,4V8H14V4H10M16,4V8H20V4H16M16,10V14H20V10H16M16,16V20H20V16H16M14,20V16H10V20H14M8,20V16H4V20H8M8,14V10H4V14H8M8,8V4H4V8H8M10,14H14V10H10V14M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4C2.92,22 2,21.1 2,20V4A2,2 0 0,1 4,2Z" />
|
|
||||||
</svg>
|
|
||||||
),
|
|
||||||
category: 'tainacan-blocks',
|
|
||||||
attributes: {
|
|
||||||
items2: {
|
|
||||||
type: Array,
|
|
||||||
default: []
|
|
||||||
},
|
|
||||||
items: {
|
|
||||||
type: 'array',
|
|
||||||
source: 'query',
|
|
||||||
selector: 'a',
|
|
||||||
query: {
|
|
||||||
url: {
|
|
||||||
source: 'attribute',
|
|
||||||
attribute: 'href'
|
|
||||||
},
|
|
||||||
img: {
|
|
||||||
source: 'query',
|
|
||||||
selector: 'img',
|
|
||||||
query: {
|
|
||||||
src: {
|
|
||||||
source: 'attribute',
|
|
||||||
attribute: 'src'
|
|
||||||
},
|
|
||||||
alt: {
|
|
||||||
source: 'attribute',
|
|
||||||
attribute: 'alt'
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
default: []
|
|
||||||
},
|
|
||||||
isOpen: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
content: {
|
|
||||||
type: 'array',
|
|
||||||
source: 'children',
|
|
||||||
selector: 'div'
|
|
||||||
},
|
|
||||||
itemsPerPage: {
|
|
||||||
type: Number,
|
|
||||||
default: 12
|
|
||||||
},
|
|
||||||
query: {
|
|
||||||
type: Object,
|
|
||||||
default: {}
|
|
||||||
},
|
|
||||||
URLCollectionID: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
tainacanURL: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
showTitle: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
},
|
|
||||||
supports: {
|
|
||||||
html: false
|
|
||||||
},
|
|
||||||
edit({ attributes, setAttributes, className, isSelected }){
|
|
||||||
let { items, items2, isOpen, content, itemsPerPage, query, URLCollectionID, tainacanURL, showTitle } = attributes;
|
|
||||||
|
|
||||||
function prepareItem(item) {
|
|
||||||
return (
|
|
||||||
<a
|
|
||||||
style={{
|
|
||||||
padding: showTitle ? '2.5px 10px 2.5px 10px': 0,
|
|
||||||
height: showTitle ? 'auto': '150px',
|
|
||||||
textDecoration: 'none',
|
|
||||||
color: 'black',
|
|
||||||
display: showTitle ? 'flex' : 'block',
|
|
||||||
flexDirection: showTitle ? 'column' : null
|
|
||||||
}}
|
|
||||||
href={item.url} target="_blank">
|
|
||||||
<img
|
|
||||||
style={{
|
|
||||||
width: '150px',
|
|
||||||
maxWidth: '150px',
|
|
||||||
height: '150px',
|
|
||||||
padding: 0
|
|
||||||
}}
|
|
||||||
|
|
||||||
src={
|
|
||||||
(item.thumbnail && item.thumbnail.thumbnail) ?
|
|
||||||
item.thumbnail.thumbnail[0] :
|
|
||||||
((item && item.img && item.img[0].src) ?
|
|
||||||
item.img[0].src : `${tainacan_plugin.base_url}/admin/images/placeholder_square.png`)
|
|
||||||
}
|
|
||||||
|
|
||||||
alt={item.title ? item.title : item.img[0].alt}/>
|
|
||||||
{ showTitle ? (
|
|
||||||
<small style={{
|
|
||||||
maxWidth: '130px',
|
|
||||||
}}>
|
|
||||||
<p style={{
|
|
||||||
fontSize: '10px',
|
|
||||||
whiteSpace: 'nowrap',
|
|
||||||
overflow: 'hidden',
|
|
||||||
textOverflow: 'ellipsis',
|
|
||||||
fontWeight: '600'
|
|
||||||
}}>{item.title ? item.title : item.img[0].alt}</p>
|
|
||||||
</small>
|
|
||||||
) : null }
|
|
||||||
</a>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function getItems(collectionID, query) {
|
|
||||||
if(collectionID) {
|
|
||||||
return tainacan.get(`/collection/${collectionID}/items?${query}`)
|
|
||||||
.then(response => {
|
|
||||||
return response.data.items;
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.error(error);
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
return tainacan.get(`/items?${query}`)
|
|
||||||
.then(response => {
|
|
||||||
return response.data.items;
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.error(error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setContent(items){
|
|
||||||
setAttributes({
|
|
||||||
content: (
|
|
||||||
<div style={{
|
|
||||||
display: 'flex',
|
|
||||||
flexDirection: 'row',
|
|
||||||
flexWrap: 'wrap',
|
|
||||||
alignContent: 'flex-start',
|
|
||||||
}}>
|
|
||||||
{ items }
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateQuery(query) {
|
|
||||||
let queryString = qs.stringify(query);
|
|
||||||
|
|
||||||
getItems(URLCollectionID, queryString).then(data => {
|
|
||||||
items = [];
|
|
||||||
|
|
||||||
data.map((item) => {
|
|
||||||
items.push(prepareItem(item));
|
|
||||||
});
|
|
||||||
|
|
||||||
setAttributes({items: items});
|
|
||||||
setAttributes({items2: data});
|
|
||||||
setContent(items);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function parseURL(tainacanURLP) {
|
|
||||||
tainacanURL = tainacanURLP;
|
|
||||||
setAttributes({tainacanURL: tainacanURLP});
|
|
||||||
|
|
||||||
if (!tainacanURLP || !tainacanURLP.includes('tainacan_admin')){
|
|
||||||
setAttributes({query: ''});
|
|
||||||
setAttributes({URLCollectionID: ''});
|
|
||||||
setAttributes({itemsPerPage: 0});
|
|
||||||
setAttributes({items: []});
|
|
||||||
setAttributes({items2: []});
|
|
||||||
|
|
||||||
setContent([]);
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
let tainacanURLSplited = tainacanURL.split('?');
|
|
||||||
|
|
||||||
let rawQuery = tainacanURLSplited[2];
|
|
||||||
let rawURL = tainacanURLSplited[1];
|
|
||||||
|
|
||||||
let parsedQuery = qs.parse(rawQuery);
|
|
||||||
|
|
||||||
if(parsedQuery.fetch_only && !parsedQuery.fetch_only.includes('title')){
|
|
||||||
parsedQuery.fetch_only += ',title';
|
|
||||||
}
|
|
||||||
|
|
||||||
let URLCollID = rawURL.match(/\/(\d+)\/?/);
|
|
||||||
URLCollectionID = URLCollID != undefined ? URLCollID[1]: URLCollID;
|
|
||||||
|
|
||||||
getItems(URLCollectionID, qs.stringify(parsedQuery)).then(data => {
|
|
||||||
items = [];
|
|
||||||
setAttributes({items: items});
|
|
||||||
|
|
||||||
data.map((item) => {
|
|
||||||
items.push(prepareItem(item));
|
|
||||||
});
|
|
||||||
|
|
||||||
setAttributes({query: parsedQuery});
|
|
||||||
setAttributes({URLCollectionID: URLCollectionID});
|
|
||||||
setAttributes({itemsPerPage: Number(parsedQuery.perpage)});
|
|
||||||
setAttributes({items: items});
|
|
||||||
setAttributes({items2: data});
|
|
||||||
setContent(items);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function mountBlock(itemsA) {
|
|
||||||
let itemsP = [];
|
|
||||||
|
|
||||||
for (const item of itemsA){
|
|
||||||
itemsP.push(prepareItem(item));
|
|
||||||
}
|
|
||||||
|
|
||||||
items = itemsP;
|
|
||||||
setAttributes({items: itemsP});
|
|
||||||
setContent(itemsP);
|
|
||||||
}
|
|
||||||
|
|
||||||
if(content && content.length && content[0].type){
|
|
||||||
mountBlock(items);
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className={className}>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<InspectorControls>
|
|
||||||
<div style={{marginTop: '20px'}}>
|
|
||||||
<CheckboxControl
|
|
||||||
heading={__('Show items title', 'tainacan')}
|
|
||||||
label={__('yes', 'tainacan')}
|
|
||||||
checked={ showTitle }
|
|
||||||
onChange={ ( isChecked ) => {
|
|
||||||
showTitle = isChecked;
|
|
||||||
|
|
||||||
mountBlock(items2);
|
|
||||||
|
|
||||||
setAttributes({showTitle: isChecked});
|
|
||||||
} }
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</InspectorControls>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{ isSelected ? (
|
|
||||||
<div style={{
|
|
||||||
marginBottom: '20px',
|
|
||||||
}}>
|
|
||||||
<Button
|
|
||||||
isDefault
|
|
||||||
onClick={() => setAttributes({isOpen: true})}>{ items.length ? __('Update items grid', 'tainacan') : __('Add items', 'tainacan')}</Button>
|
|
||||||
</div>
|
|
||||||
) : null
|
|
||||||
}
|
|
||||||
|
|
||||||
{ !items.length ? (
|
|
||||||
<Placeholder
|
|
||||||
icon={(
|
|
||||||
<img
|
|
||||||
width={96}
|
|
||||||
src={`${tainacan_plugin.base_url}/admin/images/tainacan_logo_header.svg`}
|
|
||||||
alt="Tainacan Logo"/>
|
|
||||||
)}
|
|
||||||
/>) : null
|
|
||||||
}
|
|
||||||
|
|
||||||
{ isOpen ?
|
|
||||||
<Modal
|
|
||||||
shouldCloseOnClickOutside={ false }
|
|
||||||
shouldCloneOnEsc={false}
|
|
||||||
focusOnMount={false}
|
|
||||||
title={ __('Add items', 'tainacan') }
|
|
||||||
onRequestClose={ () => setAttributes({isOpen: false}) }>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<TextareaControl
|
|
||||||
label={__(`Paste a Tainacan sharing URL for get items`, 'tainacan')}
|
|
||||||
type="url"
|
|
||||||
value={tainacanURL}
|
|
||||||
rows={8}
|
|
||||||
onChange={ (tainacanURL) => parseURL( tainacanURL ) }
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{ Object.keys(query).length && query.perpage && tainacanURL ? (
|
|
||||||
<div>
|
|
||||||
<QueryControls
|
|
||||||
numberOfItems={itemsPerPage}
|
|
||||||
onNumberOfItemsChange={
|
|
||||||
(numberOfItems) => {
|
|
||||||
query.perpage = !numberOfItems ? 1 : numberOfItems;
|
|
||||||
itemsPerPage = query.perpage;
|
|
||||||
|
|
||||||
setAttributes({itemsPerPage: itemsPerPage});
|
|
||||||
|
|
||||||
_.debounce(updateQuery(query), 300);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
) : null
|
|
||||||
}
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<Button isDefault onClick={ () => setAttributes({isOpen: false}) }>
|
|
||||||
{ __('Close', 'tainacan') }
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</Modal> : null }
|
|
||||||
|
|
||||||
<div style={{
|
|
||||||
display: 'flex',
|
|
||||||
flexDirection: 'row',
|
|
||||||
flexWrap: 'wrap',
|
|
||||||
alignContent: 'flex-start',
|
|
||||||
}}>
|
|
||||||
{ items }
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
},
|
|
||||||
save({ attributes }){
|
|
||||||
const { content } = attributes;
|
|
||||||
|
|
||||||
return <div>{ content }</div>
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
.wp-block-tainacan-items-grid {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
@ -1,3 +1,5 @@
|
||||||
|
@import '../../gutenberg-blocks-style.scss';
|
||||||
|
|
||||||
.wp-block-tainacan-items-list {
|
.wp-block-tainacan-items-list {
|
||||||
margin: 2rem 0px;
|
margin: 2rem 0px;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -356,7 +356,7 @@ export default class ItemsModal extends React.Component {
|
||||||
{ this.state.isLoadingItems ? <Spinner /> : null }
|
{ this.state.isLoadingItems ? <Spinner /> : null }
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
: this.state.isLoadingItems ? <Spinner/> :
|
: this.state.isLoadingItems ? <div class="spinner-container"><Spinner /></div> :
|
||||||
<div className="modal-loadmore-section">
|
<div className="modal-loadmore-section">
|
||||||
<p>{ __('Sorry, no items found.', 'tainacan') }</p>
|
<p>{ __('Sorry, no items found.', 'tainacan') }</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -497,7 +497,7 @@ export default class ItemsModal extends React.Component {
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
) : this.state.isLoadingCollections ? <Spinner/> :
|
) : this.state.isLoadingCollections ? <div class="spinner-container"><Spinner /></div> :
|
||||||
<div className="modal-loadmore-section">
|
<div className="modal-loadmore-section">
|
||||||
<p>{ __('Sorry, no collection found.', 'tainacan') }</p>
|
<p>{ __('Sorry, no collection found.', 'tainacan') }</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,5 @@
|
||||||
|
@import '../../gutenberg-blocks-style.scss';
|
||||||
|
|
||||||
.wp-block-tainacan-terms-list {
|
.wp-block-tainacan-terms-list {
|
||||||
margin: 2rem 0px;
|
margin: 2rem 0px;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -338,10 +338,10 @@ export default class TermsModal extends React.Component {
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
</ul>
|
</ul>
|
||||||
{ this.state.isLoadingTerms ? <Spinner /> : null }
|
{ this.state.isLoadingTerms ? <div class="spinner-container"><Spinner /></div> : null }
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
: this.state.isLoadingTerms ? <Spinner/> :
|
: this.state.isLoadingTerms ? <div class="spinner-container"><Spinner /></div> :
|
||||||
<div className="modal-loadmore-section">
|
<div className="modal-loadmore-section">
|
||||||
<p>{ __('Sorry, no terms found.', 'tainacan') }</p>
|
<p>{ __('Sorry, no terms found.', 'tainacan') }</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -370,7 +370,7 @@ export default class TermsModal extends React.Component {
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
</ul>
|
</ul>
|
||||||
{ this.state.isLoadingTerms ? <Spinner /> : null }
|
{ this.state.isLoadingTerms ? <div class="spinner-container"><Spinner /></div> : null }
|
||||||
<div className="modal-loadmore-section">
|
<div className="modal-loadmore-section">
|
||||||
<p>{ __('Showing', 'tainacan') + " " + this.state.modalTerms.length + " " + __('of', 'tainacan') + " " + this.state.totalModalTerms + " " + __('terms', 'tainacan') + "."}</p>
|
<p>{ __('Showing', 'tainacan') + " " + this.state.modalTerms.length + " " + __('of', 'tainacan') + " " + this.state.totalModalTerms + " " + __('terms', 'tainacan') + "."}</p>
|
||||||
{
|
{
|
||||||
|
|
@ -385,7 +385,7 @@ export default class TermsModal extends React.Component {
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
) : this.state.isLoadingTerms ? <Spinner /> :
|
) : this.state.isLoadingTerms ? <div class="spinner-container"><Spinner /></div> :
|
||||||
<div className="modal-loadmore-section">
|
<div className="modal-loadmore-section">
|
||||||
<p>{ __('Sorry, no terms found.', 'tainacan') }</p>
|
<p>{ __('Sorry, no terms found.', 'tainacan') }</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -445,7 +445,7 @@ export default class TermsModal extends React.Component {
|
||||||
</div>
|
</div>
|
||||||
) :
|
) :
|
||||||
this.state.isLoadingTaxonomies ? (
|
this.state.isLoadingTaxonomies ? (
|
||||||
<Spinner />
|
<div class="spinner-container"><Spinner /></div>
|
||||||
) :
|
) :
|
||||||
<div className="modal-loadmore-section">
|
<div className="modal-loadmore-section">
|
||||||
<p>{ __('Sorry, no taxonomy found.', 'tainacan') }</p>
|
<p>{ __('Sorry, no taxonomy found.', 'tainacan') }</p>
|
||||||
|
|
@ -482,7 +482,7 @@ export default class TermsModal extends React.Component {
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
) : this.state.isLoadingTaxonomies ? <Spinner/> :
|
) : this.state.isLoadingTaxonomies ? <div class="spinner-container"><Spinner /></div> :
|
||||||
<div className="modal-loadmore-section">
|
<div className="modal-loadmore-section">
|
||||||
<p>{ __('Sorry, no taxonomy found.', 'tainacan') }</p>
|
<p>{ __('Sorry, no taxonomy found.', 'tainacan') }</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue