Fix mobile card press and release animations
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
<a ontouchstart="cardPressed()" ontouchend="cardReleased()" href="{{ .Permalink }}" class="card-link-wrapper" rel="bookmark" title="Link to {{ .Title }}" >
|
||||
<a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" ontouchmove="cardReleased.call(this)" href="{{ .Permalink }}" class="card-link-wrapper" rel="bookmark" title="Link to {{ .Title }}" >
|
||||
{{ if isset .Params "featuredimage" }}
|
||||
<img src="{{ .Site.BaseURL }}/{{.Params.featuredimage }}" class="card-img">
|
||||
{{ end }}
|
||||
|
||||
@@ -79,7 +79,7 @@ img {
|
||||
padding: 1em;
|
||||
}
|
||||
.card-img {
|
||||
border-radius: 0.4em 0.4em 0 0;
|
||||
border-radius: 0.5em 0.5em 0 0;
|
||||
margin-bottom: -1.2em;
|
||||
max-height: 10em;
|
||||
object-fit: cover;
|
||||
|
||||
Reference in New Issue
Block a user