wulkanowy/wulkanowy.github.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix version link hover area

Browse source
This commit is contained in:
Dominik Korsa 2019-02-24 22:11:11 +01:00
parent c3fb83f7df
commit d00737fd57
2 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/HomeDownloadBetaItem.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="download-beta-item">
<a class="code" :href="github" target="_blank">{{ code }}</a>
<div class="code"><a :href="github" target="_blank">{{ code }}</a></div>
<div class="released" :title="releasedString">{{ releasedRelativeString }}</div>
<div class="buttons">
<a class="github-button" :href="github" target="_blank" title="GitHub">
@ -73,14 +73,17 @@ export default {
.code {
grid-column: 1;
grid-row: 2;
color: #D32F2F;
font-family: 'Roboto', sans-serif;
font-size: 24px;
margin-bottom: 2px;
text-decoration: none;
&:hover {
text-decoration: underline;
a {
color: #D32F2F;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}

29
src/components/HomeDownloadDevItem.vue
View file

@ -1,11 +1,11 @@
<template>
<div class="download-dev-item">
<a
class="title"
:href="github"
target="_blank">
{{ title }} <span class="number">#{{ number }}</span>
</a>
<div class="header">
<a :href="github" target="_blank">
<span class="title">{{ title }}</span>
<span class="number">#{{ number }}</span>
</a>
</div>
<div class="subheader">
<span class="build-number">{{ build }}</span>
<span class="released" :title="releasedString">{{ releasedRelativeString }}</span>
@ -89,23 +89,30 @@ export default {
}
}
.title {
.header {
grid-column: 1;
grid-row: 2;
color: #D32F2F;
font-family: 'Roboto', sans-serif;
font-size: 20px;
margin-bottom: 8px;
line-height: 24px;
text-decoration: none;
&:hover {
text-decoration: underline;
.title {
color: #D32F2F;
}
.number {
color: #0009;
font-weight: 300;
margin-left: 4px;
}
a {
text-decoration: none;
&:hover .title, &:hover .number {
text-decoration: underline;
}
}
}