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

More specific classes to thumbnails on masonry and recods view mode to avoid overriding by external themes.

This commit is contained in:
Mateus Machado Luna 2019-03-07 21:50:02 -03:00
parent 8977ebc5eb
commit 370f7ff6af
6 changed files with 2042 additions and 2522 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4542
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

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

@ -215,7 +215,7 @@
<div
@click="onClickItem($event, item, index)"
v-if="item.thumbnail != undefined"
class="thumbnail"
class="tainacan-masonry-item-thumbnail"
:style="{ backgroundImage: 'url(' + (item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][0] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[0] : thumbPlaceholderPath)) + ')' }">
<img
:alt="$i18n.get('label_thumbnail')"
@ -508,7 +508,7 @@
class="media"
@click="onClickItem($event, item, index)">
<div class="list-metadata media-body">
<div class="thumbnail">
<div class="tainacan-record-thumbnail">
<img
:alt="$i18n.get('label_thumbnail')"
v-if="item.thumbnail != undefined"

2
src/admin/scss/_view-mode-masonry.scss
View File

@ -58,7 +58,7 @@
}
}
.thumbnail {
.tainacan-masonry-item-thumbnail {
background-size: cover;
background-color: #f6f6f6;
background-blend-mode: multiply;

2
src/admin/scss/_view-mode-records.scss
View File

@ -69,7 +69,7 @@
opacity: 0;
visibility: hidden;
}
.thumbnail {
.tainacan-record-thumbnail {
float: right;
margin: 0 0 25px 25px;
}

2
src/theme-helper/view-mode-masonry.vue
View File

@ -53,7 +53,7 @@
<!-- Thumbnail -->
<div
v-if="item.thumbnail != undefined"
class="thumbnail"
class="tainacan-masonry-item-thumbnail"
:style="{ backgroundImage: 'url(' + (item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][0] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[0] : thumbPlaceholderPath)) + ')' }">
<img
:alt="$i18n.get('label_thumbnail')"

2
src/theme-helper/view-mode-records.vue
View File

@ -80,7 +80,7 @@
<div class="media">
<div class="list-metadata media-body">
<div
class="thumbnail"
class="tainacan-record-thumbnail"
v-if="item.thumbnail != undefined">
<img
:alt="$i18n.get('label_thumbnail')"