WIP: buttons overlap text

This commit is contained in:
Daoud Clarke 2023-11-11 10:35:06 +00:00
parent 619f7631d9
commit f62b8c3cf2
2 changed files with 22 additions and 10 deletions

View file

@ -124,8 +124,8 @@ body {
min-height: 120px;
}
.result a {
display: block;
.result-container {
/*display: block;*/
text-decoration: none;
color: var(--dark-color);
padding: 15px;
@ -137,11 +137,11 @@ body {
outline 100ms ease-in-out;
}
.result:hover a, .result a:focus {
.result-container:hover,.result-container:focus {
background-color: var(--gray-color);
}
.result a:focus {
.result-container:focus {
outline: 3px solid var(--primary-color);
}
@ -235,19 +235,31 @@ body {
a {
font-weight: var(--bold-font-weight);
color: var(--primary-color);
text-decoration: underline;
text-decoration: none;
}
.result-container {
display: flex;
/*display: flex;*/
position: relative;
width: 100%;
height: 100%;
}
.result-link a {
background: white;
/*.result-link {*/
/* background: white;*/
/*}*/
.result-link,.curation-buttons {
/*padding: 20px;*/
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.curation-buttons {
padding: 20px;
z-index: 10;
}
.curation-button {

View file

@ -10,8 +10,8 @@
<a href="{{result.url}}">
<p class='link'>{{result.url}}</p>
<p class='title'>{{result.title|strengthen}}</p>
<p class='extract'>{{result.extract|strengthen}}</p>
</a>
<p class='extract'>{{result.extract|strengthen}}</p>
</div>
</div>
</li>