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

Updates Buefy and Bulma do 0.9.0 and fixes some breakin changes

This commit is contained in:
mateuswetah 2020-08-17 10:54:15 -03:00
parent 55e472c8f0
commit 05596ccd10
13 changed files with 122 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
package-lock.json generated
View File

@ -2362,11 +2362,11 @@
}
},
"buefy": {
"version": "0.8.18",
"resolved": "https://registry.npmjs.org/buefy/-/buefy-0.8.18.tgz",
"integrity": "sha512-7Fem39I1beQm8Xi+1OFtyy6JksnmANc4h+pQ420JhY04tyefGyuQc7EiZ6GUcbCezu1WxTsdvSv0Kz/JB8aZNw==",
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/buefy/-/buefy-0.9.0.tgz",
"integrity": "sha512-RGe2/LG+IBtWn6pzCpAZm/Qf9q2ckcv8amlTJjKmvuCiC3JjtJjJvu4tMcrapncJOgKPufpHGxep738MypnPwA==",
"requires": {
"bulma": "0.7.5"
"bulma": "0.9.0"
}
},
"buffer": {
@ -2405,9 +2405,9 @@
"dev": true
},
"bulma": {
"version": "0.7.5",
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.7.5.tgz",
"integrity": "sha512-cX98TIn0I6sKba/DhW0FBjtaDpxTelU166pf7ICXpCCuplHWyu6C9LYZmL5PEsnePIeJaiorsTEzzNk3Tsm1hw=="
"version": "0.9.0",
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.0.tgz",
"integrity": "sha512-rV75CJkubNUroAt0qCRkjznZLoaXq/ctfMXsMvKSL84UetbSyx5REl96e8GoQ04G4Tkw0XF3STECffTOQrbzOQ=="
},
"bytes": {
"version": "3.0.0",
@ -3494,9 +3494,9 @@
"dev": true
},
"elliptic": {
"version": "6.5.2",
"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.2.tgz",
"integrity": "sha512-f4x70okzZbIQl/NSRLkI/+tteV/9WqL98zx+SQ69KbXxmVrmjwsNUPn/gYJJ0sHvEak24cZgHIPegRePAtA/xw==",
"version": "6.5.3",
"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.3.tgz",
"integrity": "sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==",
"dev": true,
"requires": {
"bn.js": "^4.4.0",
@ -10204,10 +10204,13 @@
"dev": true
},
"serialize-javascript": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-3.0.0.tgz",
"integrity": "sha512-skZcHYw2vEX4bw90nAr2iTTsz6x2SrHEnfxgKYmZlvJYBEZrvbKtobJWlQ20zczKb3bsHHXXTYt48zBA7ni9cw==",
"dev": true
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-3.1.0.tgz",
"integrity": "sha512-JIJT1DGiWmIKhzRsG91aS6Ze4sFUrYbltlkg2onR5OrnNM02Kl/hnY/T4FN2omvyeBbQmMJv+K4cPOpGzOTFBg==",
"dev": true,
"requires": {
"randombytes": "^2.1.0"
}
},
"source-map": {
"version": "0.6.1",

4
package.json
View File

@ -8,8 +8,8 @@
},
"dependencies": {
"axios": "^0.19.2",
"buefy": "^0.8.18",
"bulma": "^0.7.5",
"buefy": "^0.9.0",
"bulma": "^0.9.0",
"css-vars-ponyfill": "^2.3.1",
"mdi": "^2.2.43",
"moment": "^2.25.3",

1
src/views/admin/components/filter-types/numeric/Numeric.vue
View File

@ -159,6 +159,7 @@
.numeric-filter-container {
display: flex;
height: auto;
align-items: stretch;
@media screen and (min-width: 769px) and (max-width: 1500px) {
flex-wrap: wrap;

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

@ -89,13 +89,13 @@
&:not(:last-child) {
margin-bottom: 0;
padding-bottom: 1.5em;
padding-bottom: 0.75em;
}
.collapse-trigger {
margin-left: -5px;
margin-left: -7px;
.icon {
margin-right: 12px;
margin-right: 5px;
}
.collapse-label {
display: inline-block;
@ -205,6 +205,7 @@
@media screen and (min-width: 768px) {
.dropdown-trigger input {
font-size: 0.75em !important;
line-height: 1.75em;
}
.datepicker-header {

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

@ -52,72 +52,74 @@
:data="mapperMetadata"
:loading="isMapperMetadataLoading">
<template slot-scope="props">
<b-table-column
field="label"
:label="$i18n.get('label_mapper_metadata')">
{{ props.row.label }}
</b-table-column>
<b-table-column
v-slot="props"
field="label"
:label="$i18n.get('label_mapper_metadata')">
{{ props.row.label }}
</b-table-column>
<b-table-column
v-slot="props"
field="slug"
:label="$i18n.get('metadatum')">
<b-select
:name="'mappers-metadatum-select-' + props.row.slug"
v-model="props.row.selected"
@input="onSelectMetadatumForMapperMetadata">
<option
value="">
{{ $i18n.get('instruction_select_a_metadatum') }}
</option>
<option
v-for="(metadatum, index) in activeMetadatumList"
:key="index"
:value="metadatum.id"
:disabled="isMetadatumSelected(metadatum.id)">
{{ metadatum.name }}
</option>
</b-select>
</b-table-column>
<b-table-column
v-slot="props"
field="isCustom"
label="">
<a
:style="{ visibility:
props.row.isCustom
? 'visible' : 'hidden'
}"
@click.prevent="editMetadatumCustomMapper(props.row)">
<span
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a
:style="{ visibility:
props.row.isCustom
? 'visible' : 'hidden'
}"
@click.prevent="removeMetadatumCustomMapper(props.row)">
<span
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
</span>
</a>
</b-table-column>
<b-table-column
field="slug"
:label="$i18n.get('metadatum')">
<b-select
:name="'mappers-metadatum-select-' + props.row.slug"
v-model="props.row.selected"
@input="onSelectMetadatumForMapperMetadata">
<option
value="">
{{ $i18n.get('instruction_select_a_metadatum') }}
</option>
<option
v-for="(metadatum, index) in activeMetadatumList"
:key="index"
:value="metadatum.id"
:disabled="isMetadatumSelected(metadatum.id)">
{{ metadatum.name }}
</option>
</b-select>
</b-table-column>
<b-table-column
field="isCustom"
label="">
<a
:style="{ visibility:
props.row.isCustom
? 'visible' : 'hidden'
}"
@click.prevent="editMetadatumCustomMapper(props.row)">
<span
v-tooltip="{
content: $i18n.get('edit'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-edit"/>
</span>
</a>
<a
:style="{ visibility:
props.row.isCustom
? 'visible' : 'hidden'
}"
@click.prevent="removeMetadatumCustomMapper(props.row)">
<span
v-tooltip="{
content: $i18n.get('delete'),
autoHide: true,
classes: ['tooltip', isRepositoryLevel ? 'repository-tooltip' : ''],
placement: 'auto-start'
}"
class="icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-delete"/>
</span>
</a>
</b-table-column>
</template>
</b-table>
</section>
<section

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

@ -222,7 +222,7 @@
<!-- Change OrderBy Select and Order Button-->
<div class="search-control-item">
<b-field>
<label class="label">{{ $i18n.get('label_sort') }}</label>
<label class="label">{{ $i18n.get('label_sort') }}&nbsp;</label>
<b-dropdown
:mobile-modal="true"
@input="onChangeOrder"
@ -1499,6 +1499,7 @@
.label {
color: var(--tainacan-label-color);
font-size: 0.875em;
line-height: 1.75em;
font-weight: normal;
margin-top: 2px;
margin-bottom: 2px;

24
src/views/admin/scss/_dropdown-and-autocomplete.scss
View File

@ -100,18 +100,38 @@
.taginput.is-expanded {
width: 100%;
}
.input:focus,
.textarea:focus,
.taginput .taginput-container.is-focusable:focus,
.select select:focus,
.is-focused.input,
.is-focused.textarea,
.taginput .is-focused.taginput-container.is-focusable,
.select select.is-focused,
.input:active,
.textarea:active,
.taginput .taginput-container.is-focusable:active,
.select select:active,
.is-active.input,
.is-active.textarea,
.taginput .is-active.taginput-container.is-focusable,
.select select.is-active {
box-shadow: none;
}
.taginput-container {
padding: 0px !important;
background-color: transparent !important;
&:focus, &:active {
border: none !important;
border: 1px solid transparent !important;
}
.input {
margin-bottom: 0px !important;
text-overflow: ellipsis;
background-color: var(--tainacan-input-background-color);
&:hover {
border: none !important;
}
}
.input.has-selected, .input:focus, .input:active {
background-color: var(--tainacan-input-background-color);

1
src/views/admin/scss/_pagination.scss
View File

@ -108,6 +108,7 @@
color: var(--tainacan-secondary);
border: none;
align-items: inherit;
min-width: 1.75em;
}
.pagination-link:active {
box-shadow: none;

3
src/views/admin/scss/_selects.scss
View File

@ -1,5 +1,6 @@
.select {
padding-top: 0px !important;
border-radius: 1px;
&,
&:not(.is-multiple) {
@ -15,7 +16,7 @@
font-weight: normal;
font-size: 0.875em !important;
font-family: var(--tainacan-font-family, inherit);
line-height: 1.5em;
line-height: 1.75em !important;
height: auto !important;
padding: calc(0.375em - 1px) 20px calc(0.375em - 1px) 10px !important;
margin-top: 0px !important;

2
src/views/admin/scss/_variables.scss
View File

@ -89,7 +89,7 @@ $black-invert: findColorInvert($black);
$foreground-color: $black;
$background-color: $white;
@import "../../../../node_modules/bulma/sass/utilities/derived-variables.sass";
@import "../../../../node_modules/bulma/sass/utilities/derived-variables.scss";
// Setup $colors to use as bulma classes
$colors: (

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

@ -1334,6 +1334,7 @@
.label {
color: var(--tainacan-label-color);
font-size: 0.875em;
line-height: 1.75em;
font-weight: normal;
margin-top: 2px;
margin-bottom: 2px;

2
src/views/theme-search/scss/theme-basics.sass
View File

@ -1,5 +1,5 @@
@import "../../../../node_modules/bulma/sass/utilities/_all.sass"
@import "../../../../node_modules/bulma/sass/base/helpers.sass"
@import "../../../../node_modules/bulma/sass/helpers/_all.sass"
@import "../../../../node_modules/bulma/sass/form/_all.sass"
@import "../../../../node_modules/bulma/sass/components/pagination.sass"
@import "../../../../node_modules/bulma/sass/elements/icon.sass"

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

@ -156,6 +156,7 @@ export default {
@media screen and (min-width: 1366px) {
flex-wrap: nowrap !important;
height: auto !important;
align-items: stretch;
}
}