Fixed list right arrow position

This commit is contained in:
Peter Zimon 2021-10-21 13:51:57 +02:00
parent 6166c83c5d
commit cdbff1eb99
4 changed files with 9 additions and 2 deletions

View File

@ -24,7 +24,7 @@
</LinkTo>
{{/if}}
<LinkTo @route="tag" @model={{@tag}} class="gh-list-data gh-list-cellwidth-10 gh-tag-list-chevron" @title="Edit tag">
<LinkTo @route="tag" @model={{@tag}} class="gh-list-data gh-list-cellwidth-10 gh-list-chevron" @title="Edit tag">
<div class="flex items-center justify-end w-100 h-100">
<span class="nr2">{{svg-jar "arrow-right" class="w6 h6 fill-midgrey pa1"}}</span>
</div>

View File

@ -246,6 +246,12 @@ ul.nostyle li {
flex-grow: 1;
}
.gh-list-chevron a {
display: flex;
align-items: center;
line-height: 1;
}
/* Fake loading list
/* -------------------------------------------------- */

View File

@ -84,6 +84,7 @@
.gh-offer-link-button {
opacity: 0;
cursor: pointer;
margin-bottom: 1px;
}
.gh-offers .gh-list-row:hover .gh-offer-link-button {

View File

@ -69,7 +69,7 @@
<LinkTo @route="offer" @model={{offer}} class="gh-list-data">
<span class="midgrey">{{offer.redemptionCount}}</span>
</LinkTo>
<div class="gh-list-data gh-list-cellwidth-10 gh-tag-list-chevron">
<div class="gh-list-data gh-list-cellwidth-10 gh-list-chevron">
<div class="flex items-center justify-end w-100 h-100">
<div
class="gh-btn gh-btn-icon gh-btn-text gh-offer-link-button"