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

4552
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 <div
@click="onClickItem($event, item, index)" @click="onClickItem($event, item, index)"
v-if="item.thumbnail != undefined" 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)) + ')' }"> :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 <img
:alt="$i18n.get('label_thumbnail')" :alt="$i18n.get('label_thumbnail')"
@ -508,7 +508,7 @@
class="media" class="media"
@click="onClickItem($event, item, index)"> @click="onClickItem($event, item, index)">
<div class="list-metadata media-body"> <div class="list-metadata media-body">
<div class="thumbnail"> <div class="tainacan-record-thumbnail">
<img <img
:alt="$i18n.get('label_thumbnail')" :alt="$i18n.get('label_thumbnail')"
v-if="item.thumbnail != undefined" 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-size: cover;
background-color: #f6f6f6; background-color: #f6f6f6;
background-blend-mode: multiply; background-blend-mode: multiply;

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

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

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

@ -53,7 +53,7 @@
<!-- Thumbnail --> <!-- Thumbnail -->
<div <div
v-if="item.thumbnail != undefined" 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)) + ')' }"> :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 <img
:alt="$i18n.get('label_thumbnail')" :alt="$i18n.get('label_thumbnail')"

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

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