Commit a05e9fc5 authored by Dominik Hebeler's avatar Dominik Hebeler
Browse files

using css to display a popover

parent 41127cda
......@@ -55,6 +55,20 @@
margin-left: 20px;
color: #808080;
white-space: nowrap;
>ul {
list-style-type: none;
padding-left: 20px;
position: absolute;
width: fit-content;
padding: 8px;
display: none;
a {
margin-left: 4px;
}
}
&:focus > ul {
display: block;
}
}
}
.result-subheadline {
......
......@@ -12,7 +12,15 @@
@if(sizeof($result->gefVon)===1)
<a class="result-hoster" href="{{ $result->gefVonLink[0] }}" target="{{ $metager->getNewtab() }}" rel="noopener" tabindex="-1">{{ trans('result.gefVon') . " " . $result->gefVon[0] }} </a>
@else
<span title="{{ (implode(', ', $result->gefVon)) }}" class="result-hoster"> {{ trans('result.gefVon') . " " . sizeof($result->gefVon) . " " . trans('result.providers') }} </span>
<span title="{{ (implode(', ', $result->gefVon)) }}" class="result-hoster" tabindex="0">
{{ trans('result.gefVon') . " " . sizeof($result->gefVon) . " " . trans('result.providers') }}
<ul class="card-heavy">
@foreach($result->gefVon as $index => $gefVon)
<li><a class="result-hoster" href="{{ $result->gefVonLink[$index] }}" target="{{ $metager->getNewtab() }}" rel="noopener" tabindex="-1">{{ trans('result.gefVon') . " " . $result->gefVon[$index] }} </a></li>
@endforeach
</ul>
</span>
@endif
</div>
<div class="result-subheadline">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment