commit
5888d4de47
@ -1,65 +1,47 @@ |
||||
.token-tile-view-more { |
||||
line-height: 0.5; |
||||
align-items: center; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
line-height: 1.2; |
||||
padding-top: 10px; |
||||
text-align: center; |
||||
|
||||
&:hover, |
||||
:focus { |
||||
a { |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
|
||||
.token-tile-view-more span { |
||||
display: inline-block; |
||||
position: relative; |
||||
} |
||||
|
||||
.token-tile-view-more span:before, |
||||
.token-tile-view-more span:after { |
||||
content: ""; |
||||
position: absolute; |
||||
height: 5px; |
||||
border-bottom: 1px solid $border-color; |
||||
border-top: 1px solid $border-color; |
||||
top: 0; |
||||
width: 43%; |
||||
} |
||||
|
||||
.token-tile-view-more span:before { |
||||
right: 55%; |
||||
margin-right: 0.9375rem; |
||||
} |
||||
&:before, |
||||
&:after { |
||||
border-bottom: 1px solid $border-color; |
||||
border-top: 1px solid $border-color; |
||||
content: ""; |
||||
height: 4px; |
||||
flex-grow: 1; |
||||
|
||||
.token-tile-view-more span:after { |
||||
left: 55%; |
||||
margin-left: 0.9375rem; |
||||
} |
||||
@include media-breakpoint-down(md) { |
||||
} |
||||
|
||||
@include media-breakpoint-down(md) { |
||||
.token-tile-view-more span:before, |
||||
.token-tile-view-more span:after { |
||||
width: 40%; |
||||
@include media-breakpoint-down(sm) { |
||||
} |
||||
} |
||||
|
||||
.token-tile-view-more span:before { |
||||
right: 58%; |
||||
} |
||||
&:before { |
||||
margin-right: 10px; |
||||
|
||||
.token-tile-view-more span:after { |
||||
left: 58%; |
||||
} |
||||
} |
||||
@include media-breakpoint-down(md) { |
||||
} |
||||
|
||||
@include media-breakpoint-down(sm) { |
||||
.token-tile-view-more span:before, |
||||
.token-tile-view-more span:after { |
||||
width: 28%; |
||||
@include media-breakpoint-down(sm) { |
||||
} |
||||
} |
||||
|
||||
.token-tile-view-more span:before { |
||||
right: 66%; |
||||
} |
||||
&:after { |
||||
margin-left: 10px; |
||||
|
||||
@include media-breakpoint-down(md) { |
||||
} |
||||
|
||||
.token-tile-view-more span:after { |
||||
left: 66%; |
||||
@include media-breakpoint-down(sm) { |
||||
} |
||||
} |
||||
} |
||||
|
@ -1,21 +1,26 @@ |
||||
import $ from 'jquery' |
||||
|
||||
$(function () { |
||||
const activeTabCard = $('.card-tab.active') |
||||
const tabCards = $('.js-card-tabs') |
||||
const activeTabCard = tabCards.find('.active') |
||||
const isMobileCardTabs = tabCards.children(':hidden').length |
||||
const isOnlyChild = !activeTabCard.siblings().length |
||||
|
||||
if (!activeTabCard.siblings().length) { |
||||
if (isOnlyChild) { |
||||
activeTabCard.addClass('noCaret') |
||||
} |
||||
|
||||
activeTabCard.on('click', function (e) { |
||||
e.preventDefault() |
||||
|
||||
const siblings = $(this).siblings() |
||||
if (isMobileCardTabs) { |
||||
const siblings = $(this).siblings() |
||||
|
||||
if (siblings.is(':hidden')) { |
||||
siblings.show() |
||||
} else { |
||||
siblings.hide() |
||||
if (siblings.is(':hidden')) { |
||||
siblings.show() |
||||
} else { |
||||
siblings.hide() |
||||
} |
||||
} |
||||
}) |
||||
}) |
||||
|
Loading…
Reference in new issue