Removes displayed metadata attribute from block as it is not used by now. #872.
This commit is contained in:
mateuswetah
parent
55bca177be
commit
1d09b3fbca
|
|
@ -8,834 +8,6 @@
|
|||
clip: rect(0, 0, 0, 0);
|
||||
border: 0; }
|
||||
|
||||
.icon {
|
||||
height: 1.5em;
|
||||
width: 1.5em; }
|
||||
|
||||
.icon.is-small {
|
||||
height: 1em;
|
||||
width: 1em; }
|
||||
|
||||
.icon.is-medium {
|
||||
height: 2em;
|
||||
width: 2em; }
|
||||
|
||||
.icon.is-large {
|
||||
height: 3em;
|
||||
width: 3em; }
|
||||
|
||||
@keyframes slide-menu-in {
|
||||
from {
|
||||
-ms-transform: translate(-100%, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-100%, 0);
|
||||
/* Safari */
|
||||
transform: translate(-100%, 0); }
|
||||
to {
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); } }
|
||||
@keyframes slide-menu-out {
|
||||
from {
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); }
|
||||
to {
|
||||
-ms-transform: translate(-100%, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-100%, 0);
|
||||
/* Safari */
|
||||
transform: translate(-100%, 0); } }
|
||||
@keyframes appear {
|
||||
from {
|
||||
opacity: 0.0;
|
||||
visibility: hidden; }
|
||||
to {
|
||||
opacity: 1.0;
|
||||
visibility: visible; } }
|
||||
@keyframes disappear {
|
||||
from {
|
||||
opacity: 0.3;
|
||||
visibility: visible; }
|
||||
to {
|
||||
opacity: 0.0;
|
||||
visibility: hidden; } }
|
||||
.slide-menu-enter-active {
|
||||
animation-name: slide-menu-in;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease-out; }
|
||||
.slide-menu-enter-active .modal-background {
|
||||
animation-name: appear;
|
||||
animation-duration: 0.6s;
|
||||
animation-timing-function: ease-out; }
|
||||
|
||||
.slide-menu-leave-active {
|
||||
animation-name: slide-menu-out;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease-in; }
|
||||
.slide-menu-leave-active .modal-background {
|
||||
opacity: 0.0;
|
||||
animation-name: disappear;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease-in; }
|
||||
|
||||
@keyframes appear-from-top-tooltip {
|
||||
from {
|
||||
top: 24px;
|
||||
opacity: 0; }
|
||||
to {
|
||||
top: 48px;
|
||||
opacity: 1; } }
|
||||
@keyframes appear-from-top {
|
||||
from {
|
||||
top: -48px; }
|
||||
to {
|
||||
top: 0px; } }
|
||||
@keyframes appear-from-bottom {
|
||||
from {
|
||||
bottom: -48px; }
|
||||
to {
|
||||
bottom: -12px; } }
|
||||
@keyframes expand {
|
||||
from {
|
||||
max-height: 0; }
|
||||
to {
|
||||
max-height: 222px; } }
|
||||
@keyframes item-appear {
|
||||
from {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translate(0, 12px); }
|
||||
to {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translate(0, 0px); } }
|
||||
.item-appear-enter-active {
|
||||
animation-name: item-appear;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease-out; }
|
||||
|
||||
.item-appear-leave-active {
|
||||
animation-name: item-appear;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease-in;
|
||||
animation-direction: reverse; }
|
||||
|
||||
@keyframes filter-item-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
height: 0px;
|
||||
max-height: 0px;
|
||||
min-height: 0px;
|
||||
-ms-transform: translate(0%, -30%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0%, -30%);
|
||||
/* Safari */
|
||||
transform: translate(0%, -30%); }
|
||||
to {
|
||||
height: 35px;
|
||||
max-height: 35px;
|
||||
min-height: 35px;
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); } }
|
||||
@keyframes filter-item-out {
|
||||
from {
|
||||
height: 35px;
|
||||
max-height: 35px;
|
||||
min-height: 35px;
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); }
|
||||
to {
|
||||
height: 0px;
|
||||
max-height: 0px;
|
||||
min-height: 0px;
|
||||
opacity: 0;
|
||||
-ms-transform: translate(0%, -30%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0%, -30%);
|
||||
/* Safari */
|
||||
transform: translate(0%, -30%); } }
|
||||
.filter-item-enter-active {
|
||||
overflow: hidden;
|
||||
animation-name: filter-item-in;
|
||||
animation-duration: 0.1s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.filter-item-leave-active {
|
||||
overflow: hidden;
|
||||
animation-name: filter-item-out;
|
||||
animation-duration: 0.1s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes form-collapse-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
height: 0px;
|
||||
max-height: 0px;
|
||||
min-height: 0px; }
|
||||
to {
|
||||
height: 300px;
|
||||
max-height: 300px;
|
||||
min-height: 300px;
|
||||
opacity: 1; } }
|
||||
@keyframes form-collapse-out {
|
||||
from {
|
||||
height: 300px;
|
||||
max-height: 300px;
|
||||
min-height: 300px; }
|
||||
to {
|
||||
height: 0px;
|
||||
max-height: 0px;
|
||||
min-height: 0px; } }
|
||||
.form-collapse-enter-active {
|
||||
overflow: hidden;
|
||||
animation-name: form-collapse-in;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.form-collapse-leave-active {
|
||||
overflow: hidden;
|
||||
animation-name: form-collapse-out;
|
||||
animation-duration: 0.15s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes form-capabilities-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
height: 0px;
|
||||
max-height: 0px;
|
||||
min-height: 0px; }
|
||||
to {
|
||||
height: 120px;
|
||||
max-height: 120px;
|
||||
min-height: 120px;
|
||||
opacity: 1; } }
|
||||
@keyframes form-capabilities-out {
|
||||
from {
|
||||
height: 120px;
|
||||
max-height: 120px;
|
||||
min-height: 120px; }
|
||||
to {
|
||||
height: 0px;
|
||||
max-height: 0px;
|
||||
min-height: 0px; } }
|
||||
.form-capabilities-enter-active {
|
||||
overflow: hidden;
|
||||
animation-name: form-capabilities-in;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.form-capabilities-leave-active {
|
||||
overflow: hidden;
|
||||
animation-name: form-capabilities-out;
|
||||
animation-duration: 0.15s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes filters-menu-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
width: 0px;
|
||||
max-width: 0px;
|
||||
min-width: 0px;
|
||||
-ms-transform: translate(-30%, 0%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-30%, 0%);
|
||||
/* Safari */
|
||||
transform: translate(-30%, 0%); }
|
||||
to {
|
||||
height: 180px;
|
||||
max-width: 180px;
|
||||
min-width: 180px;
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); } }
|
||||
@keyframes filters-menu-out {
|
||||
from {
|
||||
width: 180px;
|
||||
max-width: 180px;
|
||||
min-width: 180px;
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); }
|
||||
to {
|
||||
width: 0px;
|
||||
max-width: 0px;
|
||||
min-width: 0px;
|
||||
opacity: 0;
|
||||
-ms-transform: translate(-30%, 0%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-30%, 0%);
|
||||
/* Safari */
|
||||
transform: translate(-30%, 0%); } }
|
||||
.filters-menu-enter-active {
|
||||
animation-name: filters-menu-in;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.filters-menu-leave-active {
|
||||
animation-name: filters-menu-out;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes panel-from-top-in {
|
||||
from {
|
||||
opacity: 0.8;
|
||||
-ms-transform: translate(0%, -75%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0%, -75%);
|
||||
/* Safari */
|
||||
transform: translate(0%, -75%); }
|
||||
to {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); } }
|
||||
@keyframes panel-from-top-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); }
|
||||
to {
|
||||
opacity: 0.8;
|
||||
-ms-transform: translate(0%, -80%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0%, -80%);
|
||||
/* Safari */
|
||||
transform: translate(0%, -80%); } }
|
||||
.panel-from-top-enter-active {
|
||||
animation-name: panel-from-top-in;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease-in; }
|
||||
|
||||
.panel-from-top-leave-active {
|
||||
animation-name: panel-from-top-out;
|
||||
animation-duration: 0.2s;
|
||||
animation-timing-function: ease-out; }
|
||||
|
||||
@keyframes slide-left-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(-5%, 0%) scale(0.95);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-5%, 0%) scale(0.95);
|
||||
/* Safari */
|
||||
transform: translate(-5%, 0%) scale(0.95); }
|
||||
to {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0) scale(1);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0) scale(1);
|
||||
/* Safari */
|
||||
transform: translate(0, 0) scale(1); } }
|
||||
@keyframes slide-left-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0) scale(1);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0) scale(1);
|
||||
/* Safari */
|
||||
transform: translate(0, 0) scale(1); }
|
||||
to {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(10%, 0%) scale(0.95);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(10%, 0%) scale(0.95);
|
||||
/* Safari */
|
||||
transform: translate(10%, 0%) scale(0.95); } }
|
||||
.slide-left-enter-active {
|
||||
animation-name: slide-left-in;
|
||||
animation-duration: 0.4s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.slide-left-leave-active {
|
||||
animation-name: slide-left-out;
|
||||
animation-duration: 0.4s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes slide-right-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(10%, 0%) scale(0.95);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(10%, 0%) scale(0.95);
|
||||
/* Safari */
|
||||
transform: translate(10%, 0%) scale(0.95); }
|
||||
to {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0) scale(1);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0) scale(1);
|
||||
/* Safari */
|
||||
transform: translate(0, 0) scale(1); } }
|
||||
@keyframes slide-right-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0) scale(1);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0) scale(1);
|
||||
/* Safari */
|
||||
transform: translate(0, 0) scale(1); }
|
||||
to {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(-5%, 0%) scale(0.95);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-5%, 0%) scale(0.95);
|
||||
/* Safari */
|
||||
transform: translate(-5%, 0%) scale(0.95); } }
|
||||
.slide-right-enter-active {
|
||||
animation-name: slide-right-in;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.slide-right-leave-active {
|
||||
animation-name: slide-right-out;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes page-left-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(-5%, 0%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-5%, 0%);
|
||||
/* Safari */
|
||||
transform: translate(-5%, 0%); }
|
||||
to {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); } }
|
||||
@keyframes page-left-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); }
|
||||
to {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(10%, 0%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(10%, 0%);
|
||||
/* Safari */
|
||||
transform: translate(10%, 0%); } }
|
||||
.page-left-enter-active {
|
||||
animation-name: page-left-in;
|
||||
animation-duration: 0.4s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.page-left-leave-active {
|
||||
animation-name: page-left-out;
|
||||
animation-duration: 0.4s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@keyframes page-right-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(10%, 0%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(10%, 0%);
|
||||
/* Safari */
|
||||
transform: translate(10%, 0%); }
|
||||
to {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); } }
|
||||
@keyframes page-right-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-ms-transform: translate(0, 0);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(0, 0);
|
||||
/* Safari */
|
||||
transform: translate(0, 0); }
|
||||
to {
|
||||
opacity: 0;
|
||||
-ms-transform: translate(-5%, 0%);
|
||||
/* IE 9 */
|
||||
-webkit-transform: translate(-5%, 0%);
|
||||
/* Safari */
|
||||
transform: translate(-5%, 0%); } }
|
||||
.page-right-enter-active {
|
||||
animation-name: page-right-in;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
.page-right-leave-active {
|
||||
animation-name: page-right-out;
|
||||
animation-duration: 0.3s;
|
||||
animation-timing-function: ease; }
|
||||
|
||||
@-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; } }
|
||||
.skeleton {
|
||||
border-radius: 2px;
|
||||
background: var(--tainacan-skeleton-color);
|
||||
-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; }
|
||||
|
||||
@keyframes metadatum-highlight {
|
||||
from {
|
||||
background-color: var(--tainacan-primary1); }
|
||||
to {
|
||||
background-color: var(--tainacan-white); } }
|
||||
:root {
|
||||
--tainacan-blue1: #e6f4ff;
|
||||
--tainacan-blue2: #cce3f2;
|
||||
--tainacan-blue3: #244879;
|
||||
--tainacan-blue4: #1d3968;
|
||||
--tainacan-blue5: #062a57;
|
||||
--tainacan-turquoise1: #e6f6f8;
|
||||
--tainacan-turquoise2: #d9eced;
|
||||
--tainacan-turquoise3: #76c6cc;
|
||||
--tainacan-turquoise4: #31818c;
|
||||
--tainacan-turquoise5: #187181;
|
||||
--tainacan-turquoise6: #156075;
|
||||
--tainacan-gray0: #f6f6f6;
|
||||
--tainacan-gray1: #f2f2f2;
|
||||
--tainacan-gray2: #dbdbdb;
|
||||
--tainacan-gray3: #a5a5a5;
|
||||
--tainacan-gray4: #505253;
|
||||
--tainacan-gray5: #373839;
|
||||
--tainacan-red1: #f8f2f3;
|
||||
--tainacan-red2: #9b3636;
|
||||
--tainacan-green1: #eef6f4;
|
||||
--tainacan-green2: #1a745c;
|
||||
--tainacan-yellow1: #fff7ee;
|
||||
--tainacan-yellow2: #a06522;
|
||||
--tainacan-black: black;
|
||||
--tainacan-white: white;
|
||||
--tainacan-input-color: #1d1d1d;
|
||||
--tainacan-input-background-color: var(--tainacan-white);
|
||||
--tainacan-input-border-color: var(--tainacan-gray2);
|
||||
--tainacan-label-color: var(--tainacan-gray5);
|
||||
--tainacan-info-color: var(--tainacan-gray4);
|
||||
--tainacan-heading-color: var(--tainacan-black);
|
||||
--tainacan-input-border-radius: 1px;
|
||||
--tainacan-button-border-radius: 4px;
|
||||
--tainacan-dropdownmenu-border-radius: 0px;
|
||||
--tainacan-skeleton-color: #eeeeee;
|
||||
--tainacan-item-background-color: var(--tainacan-background-color);
|
||||
--tainacan-item-hover-background-color: var(--tainacan-gray1);
|
||||
--tainacan-item-heading-hover-background-color: var(--tainacan-gray2);
|
||||
--tainacan-primary: var(--tainacan-turquoise2);
|
||||
--tainacan-secondary: var(--tainacan-turquoise5);
|
||||
--tainacan-success: var(--tainacan-green2);
|
||||
--tainacan-danger: var(--tainacan-red2);
|
||||
--tainacan-warning: var(--tainacan-yellow2);
|
||||
--tainacan-background-color: var(--tainacan-white);
|
||||
--tainacan-font-family: Roboto, Source Sans, Helvetica, sans-serif;
|
||||
--tainacan-base-font-size: 1em;
|
||||
--tainacan-filter-menu-width-theme: 20%;
|
||||
--tainacan-one-column: 4.166666667%;
|
||||
--tainacan-sidebar-width: 3em;
|
||||
--tainacan-container-padding: 25px; }
|
||||
@media screen and (max-height: 760px) {
|
||||
:root {
|
||||
--tainacan-container-padding: 18px; } }
|
||||
|
||||
#tainacan-admin-app .has-text-primary,
|
||||
#tainacan-admin-app .has-text-primary:hover,
|
||||
#tainacan-admin-app .has-text-primary:focus,
|
||||
#tainacan-admin-app .has-text-secondary,
|
||||
#tainacan-admin-app .has-text-secondary:hover,
|
||||
#tainacan-admin-app .has-text-secondary:focus,
|
||||
.theme-items-list .has-text-primary,
|
||||
.theme-items-list .has-text-primary:hover,
|
||||
.theme-items-list .has-text-primary:focus,
|
||||
.theme-items-list .has-text-secondary,
|
||||
.theme-items-list .has-text-secondary:hover,
|
||||
.theme-items-list .has-text-secondary:focus,
|
||||
.tainacan-item-submission-form .has-text-primary,
|
||||
.tainacan-item-submission-form .has-text-primary:hover,
|
||||
.tainacan-item-submission-form .has-text-primary:focus,
|
||||
.tainacan-item-submission-form .has-text-secondary,
|
||||
.tainacan-item-submission-form .has-text-secondary:hover,
|
||||
.tainacan-item-submission-form .has-text-secondary:focus,
|
||||
.tainacan-modal-content .has-text-primary,
|
||||
.tainacan-modal-content .has-text-primary:hover,
|
||||
.tainacan-modal-content .has-text-primary:focus,
|
||||
.tainacan-modal-content .has-text-secondary,
|
||||
.tainacan-modal-content .has-text-secondary:hover,
|
||||
.tainacan-modal-content .has-text-secondary:focus {
|
||||
color: var(--tainacan-secondary) !important; }
|
||||
#tainacan-admin-app .has-text-turquoise5,
|
||||
#tainacan-admin-app .has-text-turquoise5:hover,
|
||||
#tainacan-admin-app .has-text-turquoise5:focus,
|
||||
.theme-items-list .has-text-turquoise5,
|
||||
.theme-items-list .has-text-turquoise5:hover,
|
||||
.theme-items-list .has-text-turquoise5:focus,
|
||||
.tainacan-item-submission-form .has-text-turquoise5,
|
||||
.tainacan-item-submission-form .has-text-turquoise5:hover,
|
||||
.tainacan-item-submission-form .has-text-turquoise5:focus,
|
||||
.tainacan-modal-content .has-text-turquoise5,
|
||||
.tainacan-modal-content .has-text-turquoise5:hover,
|
||||
.tainacan-modal-content .has-text-turquoise5:focus {
|
||||
color: var(--tainacan-turquoise5) !important; }
|
||||
#tainacan-admin-app .has-text-blue5,
|
||||
#tainacan-admin-app .has-text-blue5:hover,
|
||||
#tainacan-admin-app .has-text-blue5:focus,
|
||||
.theme-items-list .has-text-blue5,
|
||||
.theme-items-list .has-text-blue5:hover,
|
||||
.theme-items-list .has-text-blue5:focus,
|
||||
.tainacan-item-submission-form .has-text-blue5,
|
||||
.tainacan-item-submission-form .has-text-blue5:hover,
|
||||
.tainacan-item-submission-form .has-text-blue5:focus,
|
||||
.tainacan-modal-content .has-text-blue5,
|
||||
.tainacan-modal-content .has-text-blue5:hover,
|
||||
.tainacan-modal-content .has-text-blue5:focus {
|
||||
color: var(--tainacan-blue5) !important; }
|
||||
#tainacan-admin-app .has-text-blue4,
|
||||
#tainacan-admin-app .has-text-blue4:hover,
|
||||
#tainacan-admin-app .has-text-blue4:focus,
|
||||
.theme-items-list .has-text-blue4,
|
||||
.theme-items-list .has-text-blue4:hover,
|
||||
.theme-items-list .has-text-blue4:focus,
|
||||
.tainacan-item-submission-form .has-text-blue4,
|
||||
.tainacan-item-submission-form .has-text-blue4:hover,
|
||||
.tainacan-item-submission-form .has-text-blue4:focus,
|
||||
.tainacan-modal-content .has-text-blue4,
|
||||
.tainacan-modal-content .has-text-blue4:hover,
|
||||
.tainacan-modal-content .has-text-blue4:focus {
|
||||
color: var(--tainacan-blue4) !important; }
|
||||
#tainacan-admin-app .has-text-gray,
|
||||
#tainacan-admin-app .has-text-gray:hover,
|
||||
#tainacan-admin-app .has-text-gray:focus,
|
||||
.theme-items-list .has-text-gray,
|
||||
.theme-items-list .has-text-gray:hover,
|
||||
.theme-items-list .has-text-gray:focus,
|
||||
.tainacan-item-submission-form .has-text-gray,
|
||||
.tainacan-item-submission-form .has-text-gray:hover,
|
||||
.tainacan-item-submission-form .has-text-gray:focus,
|
||||
.tainacan-modal-content .has-text-gray,
|
||||
.tainacan-modal-content .has-text-gray:hover,
|
||||
.tainacan-modal-content .has-text-gray:focus {
|
||||
color: var(--tainacan-info-color) !important; }
|
||||
#tainacan-admin-app .has-text-gray3,
|
||||
#tainacan-admin-app .has-text-gray3:hover,
|
||||
#tainacan-admin-app .has-text-gray3:focus,
|
||||
.theme-items-list .has-text-gray3,
|
||||
.theme-items-list .has-text-gray3:hover,
|
||||
.theme-items-list .has-text-gray3:focus,
|
||||
.tainacan-item-submission-form .has-text-gray3,
|
||||
.tainacan-item-submission-form .has-text-gray3:hover,
|
||||
.tainacan-item-submission-form .has-text-gray3:focus,
|
||||
.tainacan-modal-content .has-text-gray3,
|
||||
.tainacan-modal-content .has-text-gray3:hover,
|
||||
.tainacan-modal-content .has-text-gray3:focus {
|
||||
color: var(--tainacan-gray3) !important; }
|
||||
#tainacan-admin-app .has-text-gray4,
|
||||
#tainacan-admin-app .has-text-gray4:hover,
|
||||
#tainacan-admin-app .has-text-gray4:focus,
|
||||
.theme-items-list .has-text-gray4,
|
||||
.theme-items-list .has-text-gray4:hover,
|
||||
.theme-items-list .has-text-gray4:focus,
|
||||
.tainacan-item-submission-form .has-text-gray4,
|
||||
.tainacan-item-submission-form .has-text-gray4:hover,
|
||||
.tainacan-item-submission-form .has-text-gray4:focus,
|
||||
.tainacan-modal-content .has-text-gray4,
|
||||
.tainacan-modal-content .has-text-gray4:hover,
|
||||
.tainacan-modal-content .has-text-gray4:focus {
|
||||
color: var(--tainacan-gray4) !important; }
|
||||
#tainacan-admin-app .has-text-gray5,
|
||||
#tainacan-admin-app .has-text-gray5:hover,
|
||||
#tainacan-admin-app .has-text-gray5:focus,
|
||||
.theme-items-list .has-text-gray5,
|
||||
.theme-items-list .has-text-gray5:hover,
|
||||
.theme-items-list .has-text-gray5:focus,
|
||||
.tainacan-item-submission-form .has-text-gray5,
|
||||
.tainacan-item-submission-form .has-text-gray5:hover,
|
||||
.tainacan-item-submission-form .has-text-gray5:focus,
|
||||
.tainacan-modal-content .has-text-gray5,
|
||||
.tainacan-modal-content .has-text-gray5:hover,
|
||||
.tainacan-modal-content .has-text-gray5:focus {
|
||||
color: var(--tainacan-gray4) !important; }
|
||||
#tainacan-admin-app .has-text-danger,
|
||||
#tainacan-admin-app .has-text-danger:hover,
|
||||
#tainacan-admin-app .has-text-danger:focus,
|
||||
.theme-items-list .has-text-danger,
|
||||
.theme-items-list .has-text-danger:hover,
|
||||
.theme-items-list .has-text-danger:focus,
|
||||
.tainacan-item-submission-form .has-text-danger,
|
||||
.tainacan-item-submission-form .has-text-danger:hover,
|
||||
.tainacan-item-submission-form .has-text-danger:focus,
|
||||
.tainacan-modal-content .has-text-danger,
|
||||
.tainacan-modal-content .has-text-danger:hover,
|
||||
.tainacan-modal-content .has-text-danger:focus {
|
||||
color: var(--tainacan-danger) !important; }
|
||||
#tainacan-admin-app .has-text-success,
|
||||
#tainacan-admin-app .has-text-success:hover,
|
||||
#tainacan-admin-app .has-text-success:focus,
|
||||
.theme-items-list .has-text-success,
|
||||
.theme-items-list .has-text-success:hover,
|
||||
.theme-items-list .has-text-success:focus,
|
||||
.tainacan-item-submission-form .has-text-success,
|
||||
.tainacan-item-submission-form .has-text-success:hover,
|
||||
.tainacan-item-submission-form .has-text-success:focus,
|
||||
.tainacan-modal-content .has-text-success,
|
||||
.tainacan-modal-content .has-text-success:hover,
|
||||
.tainacan-modal-content .has-text-success:focus {
|
||||
color: var(--tainacan-success) !important; }
|
||||
#tainacan-admin-app .is-success,
|
||||
#tainacan-admin-app .is-success:hover,
|
||||
#tainacan-admin-app .is-success:focus,
|
||||
.theme-items-list .is-success,
|
||||
.theme-items-list .is-success:hover,
|
||||
.theme-items-list .is-success:focus,
|
||||
.tainacan-item-submission-form .is-success,
|
||||
.tainacan-item-submission-form .is-success:hover,
|
||||
.tainacan-item-submission-form .is-success:focus,
|
||||
.tainacan-modal-content .is-success,
|
||||
.tainacan-modal-content .is-success:hover,
|
||||
.tainacan-modal-content .is-success:focus {
|
||||
background-color: var(--tainacan-success) !important;
|
||||
color: var(--tainacan-white) !important; }
|
||||
#tainacan-admin-app .is-white,
|
||||
.theme-items-list .is-white,
|
||||
.tainacan-item-submission-form .is-white,
|
||||
.tainacan-modal-content .is-white {
|
||||
color: var(--tainacan-black) !important;
|
||||
transition: background-color 0.2s ease-out;
|
||||
background-color: rgba(125, 125, 125, 0) !important; }
|
||||
#tainacan-admin-app .is-white:hover,
|
||||
#tainacan-admin-app .is-white:focus,
|
||||
.theme-items-list .is-white:hover,
|
||||
.theme-items-list .is-white:focus,
|
||||
.tainacan-item-submission-form .is-white:hover,
|
||||
.tainacan-item-submission-form .is-white:focus,
|
||||
.tainacan-modal-content .is-white:hover,
|
||||
.tainacan-modal-content .is-white:focus {
|
||||
background-color: rgba(125, 125, 125, 0.05) !important;
|
||||
color: var(--tainacan-black) !important; }
|
||||
#tainacan-admin-app .button.is-loading, #tainacan-admin-app .button.is-loading:hover, #tainacan-admin-app .button.is-loading:focus,
|
||||
#tainacan-admin-app .button.is-loading.is-success, #tainacan-admin-app .button.is-loading.is-success:hover, #tainacan-admin-app .button.is-loading.is-success:focus,
|
||||
#tainacan-admin-app .button.is-loading.is-secondary, #tainacan-admin-app .button.is-loading.is-secondary:hover, #tainacan-admin-app .button.is-loading.is-secondary:focus,
|
||||
.theme-items-list .button.is-loading,
|
||||
.theme-items-list .button.is-loading:hover,
|
||||
.theme-items-list .button.is-loading:focus,
|
||||
.theme-items-list .button.is-loading.is-success,
|
||||
.theme-items-list .button.is-loading.is-success:hover,
|
||||
.theme-items-list .button.is-loading.is-success:focus,
|
||||
.theme-items-list .button.is-loading.is-secondary,
|
||||
.theme-items-list .button.is-loading.is-secondary:hover,
|
||||
.theme-items-list .button.is-loading.is-secondary:focus,
|
||||
.tainacan-item-submission-form .button.is-loading,
|
||||
.tainacan-item-submission-form .button.is-loading:hover,
|
||||
.tainacan-item-submission-form .button.is-loading:focus,
|
||||
.tainacan-item-submission-form .button.is-loading.is-success,
|
||||
.tainacan-item-submission-form .button.is-loading.is-success:hover,
|
||||
.tainacan-item-submission-form .button.is-loading.is-success:focus,
|
||||
.tainacan-item-submission-form .button.is-loading.is-secondary,
|
||||
.tainacan-item-submission-form .button.is-loading.is-secondary:hover,
|
||||
.tainacan-item-submission-form .button.is-loading.is-secondary:focus,
|
||||
.tainacan-modal-content .button.is-loading,
|
||||
.tainacan-modal-content .button.is-loading:hover,
|
||||
.tainacan-modal-content .button.is-loading:focus,
|
||||
.tainacan-modal-content .button.is-loading.is-success,
|
||||
.tainacan-modal-content .button.is-loading.is-success:hover,
|
||||
.tainacan-modal-content .button.is-loading.is-success:focus,
|
||||
.tainacan-modal-content .button.is-loading.is-secondary,
|
||||
.tainacan-modal-content .button.is-loading.is-secondary:hover,
|
||||
.tainacan-modal-content .button.is-loading.is-secondary:focus {
|
||||
color: transparent !important; }
|
||||
#tainacan-admin-app a:not(.wp-element-button),
|
||||
#tainacan-admin-app a:not(.wp-element-button):hover,
|
||||
#tainacan-admin-app a:not(.wp-element-button):focus,
|
||||
#tainacan-admin-app a:not(.wp-element-button):hover:not([href]),
|
||||
.theme-items-list a:not(.wp-element-button),
|
||||
.theme-items-list a:not(.wp-element-button):hover,
|
||||
.theme-items-list a:not(.wp-element-button):focus,
|
||||
.theme-items-list a:not(.wp-element-button):hover:not([href]),
|
||||
.tainacan-item-submission-form a:not(.wp-element-button),
|
||||
.tainacan-item-submission-form a:not(.wp-element-button):hover,
|
||||
.tainacan-item-submission-form a:not(.wp-element-button):focus,
|
||||
.tainacan-item-submission-form a:not(.wp-element-button):hover:not([href]),
|
||||
.tainacan-modal-content a:not(.wp-element-button),
|
||||
.tainacan-modal-content a:not(.wp-element-button):hover,
|
||||
.tainacan-modal-content a:not(.wp-element-button):focus,
|
||||
.tainacan-modal-content a:not(.wp-element-button):hover:not([href]) {
|
||||
color: var(--tainacan-secondary); }
|
||||
#tainacan-admin-app a:not([href])
|
||||
a:hover:not([href]),
|
||||
.theme-items-list a:not([href])
|
||||
a:hover:not([href]),
|
||||
.tainacan-item-submission-form a:not([href])
|
||||
a:hover:not([href]),
|
||||
.tainacan-modal-content a:not([href])
|
||||
a:hover:not([href]) {
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
border-bottom: none;
|
||||
border-right: none;
|
||||
box-shadow: none; }
|
||||
|
||||
.sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
border: 0; }
|
||||
|
||||
.wp-block-tainacan-dynamic-items-list {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em; }
|
||||
|
|
@ -1037,6 +209,9 @@ a:hover:not([href]) {
|
|||
border: 1px solid var(--tainacan-block-gray3, #a5a5a5);
|
||||
box-shadow: none; }
|
||||
|
||||
.wp-block-tainacan-dynamic-items-list .items-layout-tainacan-view-modes-preview-area,
|
||||
.wp-block-tainacan-dynamic-items-list-inspector .items-layout-tainacan-view-modes-preview-area {
|
||||
margin-top: 20px; }
|
||||
.wp-block-tainacan-dynamic-items-list ul.items-list-edit li.item-list-item,
|
||||
.wp-block-tainacan-dynamic-items-list-inspector ul.items-list-edit li.item-list-item {
|
||||
display: flex;
|
||||
|
|
@ -2038,7 +1213,7 @@ a:hover:not([href]) {
|
|||
|
||||
.wp-block-tainacan-dynamic-items-list .items-list-edit.items-layout-tainacan-view-modes,
|
||||
.wp-block-tainacan-dynamic-items-list-inspector .items-list-edit.items-layout-tainacan-view-modes {
|
||||
margin: 12px 0 !important; }
|
||||
margin: 6px 0 !important; }
|
||||
.wp-block-tainacan-dynamic-items-list .items-list-edit.items-layout-tainacan-view-modes ul,
|
||||
.wp-block-tainacan-dynamic-items-list-inspector .items-list-edit.items-layout-tainacan-view-modes ul {
|
||||
padding-left: 0 !important; }
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,6 +1,6 @@
|
|||
const { __, sprintf } = wp.i18n;
|
||||
|
||||
const { Card, CardBody, Icon, ToolbarDropdownMenu, ResizableBox, FocalPointPicker, SelectControl, RangeControl, Spinner, Button, ToggleControl, Placeholder, ColorPalette, BaseControl, PanelBody } = wp.components;
|
||||
const { Icon, ToolbarDropdownMenu, ResizableBox, FocalPointPicker, SelectControl, RangeControl, Spinner, Button, ToggleControl, Placeholder, ColorPalette, BaseControl, PanelBody } = wp.components;
|
||||
|
||||
const { createInterpolateElement } = wp.element;
|
||||
|
||||
|
|
@ -52,8 +52,7 @@ export default function({ attributes, setAttributes, isSelected, clientId }) {
|
|||
mosaicDensity,
|
||||
maxColumnsCount,
|
||||
imageSize,
|
||||
tainacanViewMode,
|
||||
displayedMetadata
|
||||
tainacanViewMode
|
||||
} = attributes;
|
||||
|
||||
// Gets blocks props from hook
|
||||
|
|
@ -790,14 +789,18 @@ export default function({ attributes, setAttributes, isSelected, clientId }) {
|
|||
{ layout == 'tainacan-view-modes' ?
|
||||
<>
|
||||
{ createInterpolateElement(
|
||||
__( 'When using Tainacan View Modes other metadata than title and description may be rendered. To define which metadata appear by default, go to your <a>collection metadata settings</a> and tweak the "Display on listing" option.', 'tainacan' ),
|
||||
__( 'When using Tainacan View Modes, other metadata than title may be rendered. To define which metadata appear by default, go to your <a>collection metadata settings</a> and tweak the "Display on listing" option.', 'tainacan' ),
|
||||
{
|
||||
a : <a href={ tainacan_blocks.admin_url + '?page=tainacan_admin#/collections/' + collectionId + '/metadata' } />
|
||||
}
|
||||
) }
|
||||
<ul className="items-list-edit items-layout-list items-layout-tainacan-view-modes">
|
||||
{ items }
|
||||
</ul>
|
||||
<BaseControl
|
||||
label={ __( 'Items that will be displayed', 'tainacan' ) }
|
||||
className={ 'items-layout-tainacan-view-modes-preview-area' }>
|
||||
<ul className="items-list-edit items-layout-list items-layout-tainacan-view-modes">
|
||||
{ items }
|
||||
</ul>
|
||||
</BaseControl>
|
||||
</>
|
||||
: null }
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -63,7 +63,6 @@ export default function({ attributes }) {
|
|||
data-order-by={ orderBy !== undefined ? orderBy : 'date' }
|
||||
data-order-by-meta-key={ orderByMetaKey !== undefined ? orderByMetaKey : '' }
|
||||
data-tainacan-view-mode={ tainacanViewMode }
|
||||
data-displayed-metadata={ JSON.stringify(displayedMetadata) }
|
||||
data-tainacan-api-root={ tainacan_blocks.root }
|
||||
id={ 'wp-block-tainacan-dynamic-items-list_' + blockId }>
|
||||
{ content }
|
||||
|
|
|
|||
|
|
@ -1,5 +1,3 @@
|
|||
@import '../../../admin/scss/_variables';
|
||||
@import '../../../admin/scss/_custom_variables';
|
||||
@import '../../scss/gutenberg-blocks-variables.scss';
|
||||
|
||||
.wp-block-tainacan-dynamic-items-list {
|
||||
|
|
@ -250,6 +248,10 @@
|
|||
.wp-block-tainacan-dynamic-items-list,
|
||||
.wp-block-tainacan-dynamic-items-list-inspector {
|
||||
|
||||
.items-layout-tainacan-view-modes-preview-area {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
// Style for both grid and list View Modes ----------------------------------------------------
|
||||
ul.items-list-edit li.item-list-item {
|
||||
display: flex;
|
||||
|
|
@ -1174,7 +1176,7 @@
|
|||
|
||||
// Tainacan View Modes preview on the editor -----------------
|
||||
.items-list-edit.items-layout-tainacan-view-modes {
|
||||
margin: 12px 0 !important;
|
||||
margin: 6px 0 !important;
|
||||
ul {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -583,6 +583,9 @@ export default {
|
|||
<style lang="scss">
|
||||
|
||||
@import './style.scss';
|
||||
|
||||
@import '../../../admin/scss/_variables';
|
||||
@import '../../../admin/scss/_custom_variables';
|
||||
|
||||
// Tooltips
|
||||
@import url('floating-vue/dist/style.css');
|
||||
|
|
|
|||
Loading…
Reference in New Issue