tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Several updates to avoid css conflicts with external libraries on theme.

This commit is contained in:
mateuswetah 2021-05-13 09:59:36 -03:00
parent e0d4fcbed2
commit 1b91b097f8
48 changed files with 267 additions and 156 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
package-lock.json generated
View File

@ -3724,9 +3724,9 @@
}
},
"lodash": {
"version": "4.17.19",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.19.tgz",
"integrity": "sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==",
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
},
"ms": {
@ -5471,9 +5471,9 @@
"dev": true
},
"hosted-git-info": {
"version": "2.8.8",
"resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
"integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg=="
"version": "2.8.9",
"resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
"integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw=="
},
"hpack.js": {
"version": "2.1.6",
@ -5851,9 +5851,9 @@
"dev": true
},
"lodash": {
"version": "4.17.19",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.19.tgz",
"integrity": "sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==",
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
},
"string-width": {
@ -6459,9 +6459,9 @@
}
},
"lodash": {
"version": "4.17.19",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.19.tgz",
"integrity": "sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ=="
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
},
"lodash.difference": {
"version": "4.5.0",
@ -8295,9 +8295,9 @@
"dev": true
},
"querystringify": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.1.1.tgz",
"integrity": "sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==",
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
"integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
"dev": true
},
"randombytes": {
@ -8467,8 +8467,7 @@
"regenerator-runtime": {
"version": "0.13.5",
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz",
"integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==",
"dev": true
"integrity": "sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA=="
},
"regenerator-transform": {
"version": "0.14.4",
@ -10138,9 +10137,9 @@
"dev": true
},
"lodash": {
"version": "4.17.19",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.19.tgz",
"integrity": "sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==",
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
},
"string-width": {
@ -10723,9 +10722,9 @@
}
},
"url-parse": {
"version": "1.4.7",
"resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.4.7.tgz",
"integrity": "sha512-d3uaVyzDB9tQoSXFvuSUNFibTd9zxd2bkVrDRvF5TmvWWQwqE4lgYJ5m+x1DbecWkw+LK4RNl2CU1hHuOKPVlg==",
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.1.tgz",
"integrity": "sha512-HOfCOUJt7iSYzEx/UqgtwKRMC6EU91NFhsCHMv9oM03VJcVo2Qrp8T8kI9D7amFf1cu+/3CEhgb3rF9zL7k85Q==",
"dev": true,
"requires": {
"querystringify": "^2.1.1",
@ -10764,13 +10763,29 @@
"integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A=="
},
"v-tooltip": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/v-tooltip/-/v-tooltip-2.0.3.tgz",
"integrity": "sha512-KZZY3s+dcijzZmV2qoDH4rYmjMZ9YKGBVoUznZKQX0e3c2GjpJm3Sldzz8HHH2Ud87JqhZPB4+4gyKZ6m98cKQ==",
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/v-tooltip/-/v-tooltip-2.1.3.tgz",
"integrity": "sha512-xXngyxLQTOx/yUEy50thb8te7Qo4XU6h4LZB6cvEfVd9mnysUxLEoYwGWDdqR+l69liKsy3IPkdYff3J1gAJ5w==",
"requires": {
"lodash": "^4.17.15",
"popper.js": "^1.16.0",
"vue-resize": "^0.4.5"
"@babel/runtime": "^7.13.10",
"lodash": "^4.17.21",
"popper.js": "^1.16.1",
"vue-resize": "^1.0.1"
},
"dependencies": {
"@babel/runtime": {
"version": "7.14.0",
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.14.0.tgz",
"integrity": "sha512-JELkvo/DlpNdJ7dlyw/eY7E0suy5i5GQH+Vlxaq1nsNJ+H7f4Vtv3jMeCEgRhZZQFXTjldYfQgv2qmM6M1v5wA==",
"requires": {
"regenerator-runtime": "^0.13.4"
}
},
"lodash": {
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
}
}
},
"v8-compile-cache": {
@ -10902,9 +10917,22 @@
"integrity": "sha512-viecHQiHVLez7HlYUQsv1wJb2MT/RDSzkDp6m3In41vPrk6OsBmT2qRE8LZqYIA4daIwrnx/Xm8h4fjOpuE3hw=="
},
"vue-resize": {
"version": "0.4.5",
"resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-0.4.5.tgz",
"integrity": "sha512-bhP7MlgJQ8TIkZJXAfDf78uJO+mEI3CaLABLjv0WNzr4CcGRGPIAItyWYnP6LsPA4Oq0WE+suidNs6dgpO4RHg=="
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/vue-resize/-/vue-resize-1.0.1.tgz",
"integrity": "sha512-z5M7lJs0QluJnaoMFTIeGx6dIkYxOwHThlZDeQnWZBizKblb99GSejPnK37ZbNE/rVwDcYcHY+Io+AxdpY952w==",
"requires": {
"@babel/runtime": "^7.13.10"
},
"dependencies": {
"@babel/runtime": {
"version": "7.14.0",
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.14.0.tgz",
"integrity": "sha512-JELkvo/DlpNdJ7dlyw/eY7E0suy5i5GQH+Vlxaq1nsNJ+H7f4Vtv3jMeCEgRhZZQFXTjldYfQgv2qmM6M1v5wA==",
"requires": {
"regenerator-runtime": "^0.13.4"
}
}
}
},
"vue-router": {
"version": "3.1.6",

2
package.json
View File

@ -24,7 +24,7 @@
"react-dom": "^16.13.1",
"swiper": "^5.2.0",
"t": "^0.5.1",
"v-tooltip": "^2.0.3",
"v-tooltip": "^2.1.3",
"vue": "^2.6.11",
"vue-apexcharts": "^1.6.1",
"vue-awesome-swiper": "^4.1.1",

3
src/views/admin/admin.vue
View File

@ -99,7 +99,8 @@
hideCancel: true
},
ariaRole: 'alertdialog',
ariaModal: true
ariaModal: true,
customClass: 'tainacan-modal'
});
}
});

2
src/views/admin/components/edition/importer-edition-form.vue
View File

@ -500,7 +500,7 @@ export default {
margin: 12px 0 6px 0;
}
.modal .animation-content {
.tainacan-modal .animation-content {
width: 100%;
z-index: 99999;

8
src/views/admin/components/edition/importer-mapping-form.vue
View File

@ -182,7 +182,8 @@
:active.sync="isNewMetadatumModalActive"
trap-focus
aria-modal
aria-role="dialog">
aria-role="dialog"
custom-class="tainacan-modal">
<div
autofocus="true"
tabindex="-1"
@ -302,7 +303,8 @@
autofocus
role="dialog"
tabindex="-1"
aria-modal>
aria-modal
custom-class="tainacan-modal">
<form class="tainacan-modal-content tainacan-form">
<div class="tainacan-modal-title">
<h2>{{ $i18n.get('instruction_select_title_mapping') }}</h2>
@ -954,7 +956,7 @@ export default {
}
}
.modal .animation-content {
.tainacan-modal .animation-content {
width: 100%;
z-index: 99999;

6
src/views/admin/components/edition/item-bulk-edition-form.vue
View File

@ -330,7 +330,8 @@ export default {
collectionId: this.collectionId
},
width: 'calc(100% - (2 * var(--tainacan-one-column)))',
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
deleteOneItem(itemId, index) {
@ -351,7 +352,8 @@ export default {
});
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
}

15
src/views/admin/components/edition/item-edition-form.vue
View File

@ -217,7 +217,8 @@
scroll="keep"
trap-focus
aria-modal
aria-role="dialog">
aria-role="dialog"
custom-class="tainacan-modal">
<div class="tainacan-modal-content">
<div class="tainacan-modal-title">
<h2>{{ $i18n.get('instruction_write_text') }}</h2>
@ -258,7 +259,8 @@
role="dialog"
tabindex="-1"
aria-modal
aria-role="dialog">
aria-role="dialog"
custom-class="tainacan-modal">
<div class="tainacan-modal-content">
<div class="tainacan-modal-title">
<h2>{{ $i18n.get('instruction_insert_url') }}</h2>
@ -991,7 +993,8 @@ export default {
next();
},
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
} else {
next()
@ -1359,7 +1362,8 @@ export default {
});
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
@ -1480,7 +1484,8 @@ export default {
this.$router.push(this.$routerHelper.getCollectionPath(this.form.collectionId))
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
loadExistingItem() {

6
src/views/admin/components/edition/taxonomy-edition-form.vue
View File

@ -299,7 +299,8 @@
next();
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
} else if (this.isEditingTerm) {
this.$buefy.modal.open({
@ -313,7 +314,8 @@
next();
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
} else {
next();

5
src/views/admin/components/filter-types/checkbox/Checkbox.vue
View File

@ -181,7 +181,8 @@
this.loadOptions();
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
}
@ -192,7 +193,7 @@
.view-all-button {
font-size: 0.75em;
font-size: 0.75em !important;
padding: 0.1em 1em;
}

8
src/views/admin/components/filter-types/tainacan-filter-item.vue
View File

@ -95,16 +95,20 @@
&:not(:last-child) {
margin-bottom: 0;
padding-bottom: 0.75em;
padding-bottom: 0.25em;
}
.collapse-trigger {
margin-left: -7px;
button {
background-color: inherit !important;
color: inherit !important;
}
.icon {
margin-right: 5px;
}
.collapse-label {
display: inline-block;
display: inline;
width: 100%;
overflow-x: hidden;
text-overflow: ellipsis;

5
src/views/admin/components/filter-types/taxonomy/Checkbox.vue
View File

@ -314,7 +314,8 @@
}
},
width: 'calc(100% - (4 * var(--tainacan-one-column)))',
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
prepareOptionsForTaxonomy(items) {
@ -351,7 +352,7 @@
<style lang="scss" scoped>
.view-all-button {
font-size: 0.75em;
font-size: 0.75em !important;
padding: 0.1em 1em;
}

3
src/views/admin/components/lists/activities-list.vue
View File

@ -183,7 +183,8 @@
approveActivity: (activityId) => this.approveActivity(activityId),
notApproveActivity: (activityId) => this.notApproveActivity(activityId)
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
}

6
src/views/admin/components/lists/basic-term-item.vue
View File

@ -104,7 +104,8 @@ export default {
message: this.$i18n.get('info_warning_terms_not_saved'),
onConfirm: () => { this.removeTerm(); },
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
} else {
this.removeTerm();
@ -125,7 +126,8 @@ export default {
this.$eventBusTermsList.onDeleteBasicTermItem(this.term);
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
eventOnEditTerm() {

3
src/views/admin/components/lists/capabilities-list.vue
View File

@ -143,7 +143,8 @@
capability: this.capabilities[capabilityKey],
capabilityKey: capabilityKey
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
getCompleteRolesList(roles, rolesInherited) {

6
src/views/admin/components/lists/collections-list.vue
View File

@ -392,7 +392,8 @@ export default {
});
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
this.clearContextMenu();
},
@ -432,7 +433,8 @@ export default {
this.allCollectionsOnPageSelected = false;
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
openCollection() {

18
src/views/admin/components/lists/items-list.vue
View File

@ -1240,7 +1240,8 @@ export default {
collectionId: this.$route.params.collectionId,
},
width: 'calc(100% - (2 * var(--tainacan-one-column)))',
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
sequenceEditSelectedItems() {
@ -1278,7 +1279,8 @@ export default {
}
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
this.clearContextMenu();
@ -1310,7 +1312,8 @@ export default {
});
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
deleteOneItem(itemId) {
@ -1333,7 +1336,8 @@ export default {
});
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
this.clearContextMenu();
},
@ -1365,7 +1369,8 @@ export default {
});
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
deleteSelectedItems() {
@ -1406,7 +1411,8 @@ export default {
});
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
openItem() {

3
src/views/admin/components/lists/metadata-mapping-list.vue
View File

@ -142,7 +142,8 @@
:active.sync="isMapperMetadataCreating"
trap-focus
aria-modal
aria-role="dialog">
aria-role="dialog"
custom-class="tainacan-modal">
<div
autofocus
role="dialog"

9
src/views/admin/components/lists/processes-list.vue
View File

@ -420,7 +420,8 @@
});
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
deleteSelected() {
@ -459,7 +460,8 @@
this.allOnPageSelected = false;
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
getDate(rawDate) {
@ -484,7 +486,8 @@
this.updateProcess({ id: this.processes[index].ID, status: 'closed' });
},
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
onHeartBitTickList(event, data) {

6
src/views/admin/components/lists/recursive-term-item.vue
View File

@ -235,7 +235,8 @@ export default {
message: this.$i18n.get('info_warning_terms_not_saved'),
onConfirm: () => { this.removeTerm(); },
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
} else {
this.removeTerm();
@ -277,7 +278,8 @@ export default {
}
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
eventOnChildTermDeleted(parentTermId) {

6
src/views/admin/components/lists/taxonomies-list.vue
View File

@ -276,7 +276,8 @@
});
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
deleteSelected() {
@ -315,7 +316,8 @@
this.allOnPageSelected = false;
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
onClickTaxonomy($event, taxonomyId, index) {

2
src/views/admin/components/metadata-types/compound/Compound.vue
View File

@ -88,7 +88,7 @@
v-if="isMultiple"
:disabled="itemMetadatum.item.id && (childItemMetadataGroups.length > 0 && !someValueOnLastInput)"
@click="addGroup"
class="is-block add-link">
class="is-inline-block add-link">
<span class="icon is-small">
<i class="tainacan-icon has-text-secondary tainacan-icon-add"/>
</span>

6
src/views/admin/components/metadata-types/compound/child-metadata-list.vue
View File

@ -289,7 +289,8 @@
next();
},
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
} else {
next();
@ -382,7 +383,8 @@
});
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
toggleMetadatumEdition(metadatumId) {

3
src/views/admin/components/metadata-types/relationship/Relationship.vue
View File

@ -63,7 +63,8 @@
</a>
<b-modal
:width="1200"
:active.sync="createNewItemModal">
:active.sync="createNewItemModal"
custom-class="tainacan-modal">
<iframe
:id="newItemFrame"
width="100%"

2
src/views/admin/components/metadata-types/tainacan-form-item.vue
View File

@ -85,7 +85,7 @@
<template v-if="isMultiple">
<a
@click="addValue"
class="is-block add-link">
class="is-inline-block add-link">
<span class="icon is-small">
<i class="tainacan-icon has-text-secondary tainacan-icon-add"/>
</span>

3
src/views/admin/components/metadata-types/taxonomy/Taxonomy.vue
View File

@ -50,7 +50,8 @@
trap-focus
aria-role="dialog"
aria-modal
:can-cancel="['outside', 'escape']">
:can-cancel="['outside', 'escape']"
custom-class="tainacan-modal">
<term-edition-form
:taxonomy-id="taxonomyId"
:edit-form="{ id: 'new', name: newTermName ? newTermName : '' }"

2
src/views/admin/components/modals/bulk-edition-modal.vue
View File

@ -275,7 +275,7 @@
<a
:disabled="dones.every((item) => item === true) === false"
@click="addEditionCriterion()"
class="has-text-right is-block add-link">
class="has-text-right is-inline-block add-link">
<span class="icon is-small">
<i class="tainacan-icon has-text-secondary tainacan-icon-add"/>
</span>

3
src/views/admin/components/navigation/tainacan-repository-subheader.vue
View File

@ -116,7 +116,8 @@ export default {
sourceCollection: this.collection.id,
hideWhenManualCollection: true
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
}
}

2
src/views/admin/components/other/custom-dialog.vue
View File

@ -4,7 +4,7 @@
aria-modal
autofocus
role="alertdialog"
class="tainacan-form dialog"
class="tainacan-form tainacan-dialog dialog"
ref="customDialog">
<div
class="modal-card"

3
src/views/admin/components/other/document-item.vue
View File

@ -14,7 +14,8 @@
scroll="keep"
trap-focus
aria-modal
aria-role="dialog">
aria-role="dialog"
custom-class="tainacan-modal">
<!-- <div class="tainacan-modal-content">
<div class="tainacan-modal-title">
<h2>{{ $i18n.get('label_document') }}</h2>

3
src/views/admin/components/other/file-item.vue
View File

@ -35,7 +35,8 @@
scroll="keep"
trap-focus
aria-modal
aria-role="dialog">
aria-role="dialog"
custom-class="tainacan-modal">
<div
autofocus
role="dialog"

4
src/views/admin/components/other/item-copy-dialog.vue
View File

@ -187,7 +187,8 @@
collectionId: this.collectionId
},
width: 'calc(100% - (2 * var(--tainacan-one-column)))',
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
this.$parent.close();
@ -216,6 +217,5 @@
margin-top: 12px;
}
</style>

2
src/views/admin/components/search/filters-items-list.vue
View File

@ -497,7 +497,7 @@
.collapse-all {
display: inline-flex;
align-items: center;
margin-left: -0.65em;
margin-left: -0.5em !important;
}
.collapse-all__text {
font-size: 0.75em !important;

3
src/views/admin/js/axios.js
View File

@ -50,7 +50,8 @@ const tainacanErrorHandler = function(error){
hideCancel: true
},
ariaRole: 'alertdialog',
ariaModal: true
ariaModal: true,
customClass: 'tainacan-modal'
});
}
});

3
src/views/admin/pages/lists/collections-page.vue
View File

@ -477,7 +477,8 @@ export default {
parent: this,
component: AvailableImportersModal,
hasModalCard: true,
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
searchCollections() {

6
src/views/admin/pages/lists/filters-page.vue
View File

@ -298,7 +298,8 @@
:active.sync="isSelectingFilterType"
trap-focus
aria-modal
aria-role="dialog">
aria-role="dialog"
custom-class="tainacan-modal">
<div
autofocus
role="dialog"
@ -455,7 +456,8 @@ export default {
next();
},
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
} else {
next()

14
src/views/admin/pages/lists/items-page.vue
View File

@ -441,7 +441,7 @@
trap-focus
aria-modal
aria-role="dialog"
custom-class="tainacan-form filters-menu">
custom-class="tainacan-modal tainacan-form filters-menu">
<filters-items-list
:is-loading-items="isLoadingItems"
autofocus="true"
@ -889,7 +889,8 @@
targetCollection: this.collectionId,
hideWhenManualCollection: true
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
openExposersModal(selectedItems) {
@ -902,7 +903,8 @@
totalItems: this.totalItems,
selectedItems: selectedItems
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
})
},
onOpenCollectionsModal() {
@ -910,7 +912,8 @@
parent: this,
component: CollectionsModal,
hasModalCard: true,
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
updateSearch() {
@ -1222,7 +1225,8 @@
showNeverShowAgainOption: offerCheckbox && tainacan_plugin.user_caps != undefined && Object.keys(tainacan_plugin.user_caps).length != undefined && Object.keys(tainacan_plugin.user_caps).length > 0,
messageKeyForUserPrefs: 'ItemsHiddenDueSorting'
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
hideFiltersOnMobile: _.debounce( function() {

6
src/views/admin/pages/lists/metadata-page.vue
View File

@ -451,7 +451,8 @@ export default {
next();
},
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
} else {
next();
@ -597,7 +598,8 @@ export default {
});
}
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
toggleMetadatumEdition(metadatumId) {

3
src/views/admin/pages/singles/item-page.vue
View File

@ -433,7 +433,8 @@
itemURL: this.item.url,
totalItems: 1,
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
}
}

4
src/views/admin/scss/_buttons.scss
View File

@ -6,11 +6,11 @@ button.link-style:active {
cursor: pointer;
font-size: inherit;
text-transform: inherit;
color: var(--tainacan-secondary);
color: var(--tainacan-secondary) !important;
padding: 0;
margin: 0;
font-weight: normal;
background: transparent;
background: transparent !important;
&:hover {
text-decoration: underline;

3
src/views/admin/scss/_filters-menu-modal.scss
View File

@ -6,6 +6,7 @@
}
.modal-content {
background-color: var(--tainacan-background-color);
padding: 24px 18px var(--tainacan-one-column);
padding: 24px 18px 24px 4.1666667vw;
margin: 0;
@ -20,6 +21,7 @@
h3 {
font-size: 1em;
color: var(--tainacan-heading-color);
margin-bottom: 1em;
}
}
@ -40,6 +42,7 @@
margin: 0 12% 0 0;
margin: 0 12vw 0 0;
padding: var(--tainacan-container-padding);
max-width: calc(100% - 12vw) !important;
}
}
}

12
src/views/admin/scss/_modals.scss
View File

@ -1,5 +1,5 @@
// Tainacan modals
.modal .animation-content {
.tainacan-modal .animation-content {
background: none;
width: calc(100% - (2 * var(--tainacan-one-column)));
width: 91.6666667vw;
@ -13,11 +13,8 @@
max-height: 95vh;
}
}
.modal.is-full-screen > .animation-content,
.modal.is-full-screen > .animation-content > .modal-card {
background-color: transparent;
}
.modal .modal-close {
.tainacan-modal .modal-close {
z-index: 99999;
@media only screen and (max-width: 768px) {
&:before, &:after { background-color: #298596; }
@ -98,8 +95,9 @@
display: block;
}
}
// Bulma modals customized for Tainacan (custom-dialog.vue)
.dialog {
.tainacan-dialog {
.modal-background {
background-color: rgba(0, 0, 0, 0.70);

6
src/views/admin/scss/_notices.scss
View File

@ -1,5 +1,5 @@
.notices {
z-index: 99999999;
z-index: 99999999;
.toast, .snackbar {
min-width: auto !important;
@ -12,24 +12,28 @@
&.is-dark .button:hover {
background-color: var(--tainacan-gray2) !important;
color: var(--tainacan-info-color) !important;
font-size: 0.875em;
}
&.is-warning,
&.is-warning .button,
&.is-warning .button:hover {
background-color: var(--tainacan-yellow1) !important;
color: var(--tainacan-warning) !important;
font-size: 0.875em;
}
&.is-danger,
&.is-danger .button,
&.is-danger .button:hover {
background-color: var(--tainacan-red1) !important;
color: var(--tainacan-danger) !important;
font-size: 0.875em;
}
&.is-success,
&.is-success .button,
&.is-success .button:hover {
background-color: var(--tainacan-green1) !important;
color: var(--tainacan-success) !important;
font-size: 0.875em;
}
}
}

44
src/views/item-submission/item-submission.vue
View File

@ -52,26 +52,34 @@ export default {
@import "../../../node_modules/buefy/src/scss/components/_notices.scss";
@import "../../../node_modules/buefy/src/scss/components/_numberinput.scss";
// Tainacan imports
@import "../admin/scss/_tainacan-form.scss";
@import "../admin/scss/_modals.scss";
@import "../admin/scss/_buttons.scss";
@import "../admin/scss/_inputs.scss";
@import "../admin/scss/_checkboxes.scss";
@import "../admin/scss/_radios.scss";
@import "../admin/scss/_switches.scss";
@import "../admin/scss/_pagination.scss";
@import "../admin/scss/_tags.scss";
@import "../admin/scss/_notices.scss";
@import "../admin/scss/_tabs.scss";
@import "../admin/scss/_selects.scss";
@import "../admin/scss/_dropdown-and-autocomplete.scss";
@import "../admin/scss/_tooltips.scss";
@import "../admin/scss/_control.scss";
@import "../admin/scss/_upload.scss";
// Block level custom variables
@import "../admin/scss/_custom_variables.scss";
.tainacan-item-submission-form {
// These have to be outside of the scoped context
@import "../admin/scss/_tooltips.scss";
@import "../admin/scss/_notices.scss";
@import "../admin/scss/_modals.scss";
// Scoped, to avoid conflicts with theme's css
.tainacan-modal,
.tainacan-item-submission-form {
// Tainacan imports
@import "../admin/scss/_tainacan-form.scss";
@import "../admin/scss/_modals.scss";
@import "../admin/scss/_buttons.scss";
@import "../admin/scss/_inputs.scss";
@import "../admin/scss/_checkboxes.scss";
@import "../admin/scss/_radios.scss";
@import "../admin/scss/_switches.scss";
@import "../admin/scss/_pagination.scss";
@import "../admin/scss/_tags.scss";
@import "../admin/scss/_tabs.scss";
@import "../admin/scss/_selects.scss";
@import "../admin/scss/_dropdown-and-autocomplete.scss";
@import "../admin/scss/_control.scss";
@import "../admin/scss/_upload.scss";
.tainacan-icon {
opacity: 0; // Will make it 1 once window.load is done;
}

2
src/views/theme-search/components/slides-help-modal.vue
View File

@ -29,7 +29,7 @@
</template>
<style lang="scss">
.modal.slides-help-modal {
.tainacan-modal.slides-help-modal {
z-index: 9999999999;
.slides-help-modal-content {

2
src/views/theme-search/components/view-mode-slideshow.vue
View File

@ -625,7 +625,7 @@ export default {
width: 680,
ariaRole: 'alertdialog',
ariaModal: true,
customClass: 'slides-help-modal',
customClass: 'tainacan-modal slides-help-modal',
onCancel: () => {
setTimeout(() => document.documentElement.classList.add('is-clipped'), 500);
}

13
src/views/theme-search/pages/theme-items-page.vue
View File

@ -410,7 +410,7 @@
:auto-focus="filtersAsModal"
:trap-focus="filtersAsModal"
full-screen
:custom-class="'tainacan-form filters-menu' + (filtersAsModal ? ' filters-menu-modal' : '')"
:custom-class="'tainacan-modal tainacan-form filters-menu' + (filtersAsModal ? ' filters-menu-modal' : '')"
:can-cancel="hideHideFiltersButton || !filtersAsModal ? ['x', 'outside'] : ['x', 'escape', 'outside']">
<filters-items-list
:is-loading-items="isLoadingItems"
@ -879,7 +879,8 @@
collectionId: this.collectionId,
totalItems: this.totalItems
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
updateSearch() {
@ -1171,7 +1172,8 @@
showNeverShowAgainOption: offerCheckbox && tainacan_plugin.user_caps != undefined && Object.keys(tainacan_plugin.user_caps).length != undefined && Object.keys(tainacan_plugin.user_caps).length > 0,
messageKeyForUserPrefs: 'ItemsHiddenDueSorting'
},
trapFocus: true
trapFocus: true,
customClass: 'tainacan-modal'
});
},
hideFiltersOnMobile: _.debounce( function() {
@ -1232,12 +1234,12 @@
width: 100vw;
height: 100vh;
z-index: 999999999;
background-color: var(--tainacan-black);
background-color: var(--tainacan-black) !important;
transition: background-color 0.3s ease, width 0.3s ease, height 0.3s ease;
animation: open-full-screen 0.4s ease;
.filters-menu {
display: none;
display: none !important;
}
.metadata-alert {
position: absolute;
@ -1606,6 +1608,7 @@
padding-left: var(--tainacan-one-column);
padding-right: var(--tainacan-one-column);
min-height: 50vh;
margin-top: 12px;
//height: calc(100% - 82px);
}

1
src/views/theme-search/scss/_layout.scss
View File

@ -97,6 +97,7 @@
@media screen and (max-width: 768px) {
padding: 0;
z-index: 99999;
max-width: 100%;
.modal-content {
top: 0;

54
src/views/theme-search/theme-search.vue
View File

@ -37,7 +37,7 @@ export default {
}
</script>
<style lang="scss">
<style lang="scss" >
// TAINACAN Variables
@import "../admin/scss/_variables.scss";
@ -58,30 +58,40 @@ export default {
@import "../../../node_modules/buefy/src/scss/components/_notices.scss";
@import "../../../node_modules/buefy/src/scss/components/_numberinput.scss";
// Vue Blurhash transtition effect
@import '../../../node_modules/vue-blurhash/dist/vue-blurhash.css';
// Tainacan imports
@import "../admin/scss/_tables.scss";
@import "../admin/scss/_modals.scss";
@import "../admin/scss/_buttons.scss";
@import "../admin/scss/_inputs.scss";
@import "../admin/scss/_checkboxes.scss";
@import "../admin/scss/_pagination.scss";
@import "../admin/scss/_tags.scss";
@import "../admin/scss/_notices.scss";
@import "../admin/scss/_tabs.scss";
@import "../admin/scss/_selects.scss";
@import "../admin/scss/_dropdown-and-autocomplete.scss";
@import "../admin/scss/_tooltips.scss";
@import "../admin/scss/_control.scss";
@import "../admin/scss/_tainacan-form.scss";
@import "../admin/scss/_filters-menu-modal.scss";
@import "./scss/_layout.scss";
// Block level custom variables
@import "../admin/scss/_custom_variables.scss";
// These have to be outside of the scoped context
@import "./scss/_layout.scss";
@import "../admin/scss/_tooltips.scss";
@import "../admin/scss/_notices.scss";
@import "../admin/scss/_modals.scss";
// Scoped, to avoid conflicts with theme's css
.tainacan-modal,
.theme-items-list {
background: var(--tainacan-background-color, inherit);
// Vue Blurhash transtition effect
@import '../../../node_modules/vue-blurhash/dist/vue-blurhash.css';
// Tainacan imports
@import "../admin/scss/_tables.scss";
@import "../admin/scss/_modals.scss";
@import "../admin/scss/_buttons.scss";
@import "../admin/scss/_inputs.scss";
@import "../admin/scss/_checkboxes.scss";
@import "../admin/scss/_pagination.scss";
@import "../admin/scss/_tags.scss";
@import "../admin/scss/_tabs.scss";
@import "../admin/scss/_selects.scss";
@import "../admin/scss/_dropdown-and-autocomplete.scss";
@import "../admin/scss/_control.scss";
@import "../admin/scss/_tainacan-form.scss";
@import "../admin/scss/_filters-menu-modal.scss";
&:not(.tainacan-modal) {
background: var(--tainacan-background-color, inherit);
}
font-size: var(--tainacan-base-font-size, inherit);
font-family: var(--tainacan-font-family, inherit);
position: relative;