WIP: buttons overlap text
This commit is contained in:
parent
619f7631d9
commit
f62b8c3cf2
|
@ -124,8 +124,8 @@ body {
|
||||||
min-height: 120px;
|
min-height: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result a {
|
.result-container {
|
||||||
display: block;
|
/*display: block;*/
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--dark-color);
|
color: var(--dark-color);
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
|
@ -137,11 +137,11 @@ body {
|
||||||
outline 100ms ease-in-out;
|
outline 100ms ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result:hover a, .result a:focus {
|
.result-container:hover,.result-container:focus {
|
||||||
background-color: var(--gray-color);
|
background-color: var(--gray-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.result a:focus {
|
.result-container:focus {
|
||||||
outline: 3px solid var(--primary-color);
|
outline: 3px solid var(--primary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -235,19 +235,31 @@ body {
|
||||||
a {
|
a {
|
||||||
font-weight: var(--bold-font-weight);
|
font-weight: var(--bold-font-weight);
|
||||||
color: var(--primary-color);
|
color: var(--primary-color);
|
||||||
text-decoration: underline;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-container {
|
.result-container {
|
||||||
display: flex;
|
/*display: flex;*/
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result-link a {
|
/*.result-link {*/
|
||||||
background: white;
|
/* background: white;*/
|
||||||
|
/*}*/
|
||||||
|
|
||||||
|
.result-link,.curation-buttons {
|
||||||
|
/*padding: 20px;*/
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.curation-buttons {
|
.curation-buttons {
|
||||||
padding: 20px;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.curation-button {
|
.curation-button {
|
||||||
|
|
|
@ -10,8 +10,8 @@
|
||||||
<a href="{{result.url}}">
|
<a href="{{result.url}}">
|
||||||
<p class='link'>{{result.url}}</p>
|
<p class='link'>{{result.url}}</p>
|
||||||
<p class='title'>{{result.title|strengthen}}</p>
|
<p class='title'>{{result.title|strengthen}}</p>
|
||||||
<p class='extract'>{{result.extract|strengthen}}</p>
|
|
||||||
</a>
|
</a>
|
||||||
|
<p class='extract'>{{result.extract|strengthen}}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
Loading…
Reference in a new issue