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

Adds class to selected item in slide view mode.

This commit is contained in:
Mateus Machado Luna 2018-09-14 13:56:05 -03:00
parent 3fc3dd7135
commit 2b5143f495
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/admin/scss/_view-mode-slide.scss
View File

@ -27,10 +27,17 @@
}
}
.tainacan-record {
.tainacan-slide-item {
padding: 0 0 0.75rem 0;
margin: 0.75rem;
transition: border-bottom 0.2s;
padding: 0.75rem;
&.active-item {
border-bottom: 4px solid $turquoise5;
}
&:hover {
border-bottom: 4px solid $gray2;
}
img {
width: 80px;
height: auto;

4
src/theme-helper/view-mode-slide.vue
View File

@ -35,7 +35,8 @@
@click="slideIndex = index"
:key="index"
v-for="(item, index) of items"
class="tainacan-record">
class="tainacan-slide-item"
:class="{'active-item': slideIndex == index}">
<!-- <div :href="item.url"> -->
<!-- Title -->
<p
@ -115,6 +116,7 @@ export default {
<style lang="scss" scoped>
$turquoise1: #e6f6f8;
$turquoise2: #d1e6e6;
$turquoise5: #298596;
$tainacan-input-color: #1d1d1d;
$gray1: #f2f2f2;
$gray2: #e5e5e5;