Commit 59a38706 authored by Dominik Hebeler's avatar Dominik Hebeler
Browse files

Fixed results with images and font size of result options

parent 61227fa1
...@@ -108,21 +108,40 @@ ...@@ -108,21 +108,40 @@
.result-body { .result-body {
margin-top: 1px; margin-top: 1px;
max-width:100%; max-width:100%;
display: flex; &.with-image {
display: grid;
grid-template-columns: minmax(max-content, 160px) auto;
grid-column-gap: 8px;
grid-row-gap: 8px;
@media(max-width: 380px){
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
.result-image {
align-self: center;
justify-self: center;
}
.result-description {
align-self: center;
}
}
text-align: justify; text-align: justify;
.result-image { .result-image {
width: 180px;
padding-right: 10px; max-width: 160px;
margin-right: 10px; > a{
& img {
display: block; display: block;
max-width: 160px; > img {
max-height: 120px; display: block;
width: auto; max-width: 160px;
height: auto; max-height: 120px;
width: auto;
height: auto;
}
} }
} }
.result-description { .result-description {
align-self: center;
margin-bottom: 3px; margin-bottom: 3px;
color: @result-description-color; color: @result-description-color;
font-size: .95em;; font-size: .95em;;
...@@ -238,7 +257,6 @@ ...@@ -238,7 +257,6 @@
&>.result-options { &>.result-options {
max-width: 100%; max-width: 100%;
&>.options { &>.options {
font-size: .85em;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
width: 100%; width: 100%;
text-align: right; text-align: right;
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
@endif @endif
</div> </div>
</div> </div>
<div class="result-body"> <div class="result-body {{ (!empty($result->logo) || !empty($result->image) ? "with-image" : "")}}">
@if( isset($result->logo) ) @if( isset($result->logo) )
<div class="result-logo"> <div class="result-logo">
<a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" rel="noopener"> <a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" rel="noopener">
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
@if( $result->image !== "" ) @if( $result->image !== "" )
<div class="result-image"> <div class="result-image">
<a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" rel="noopener"> <a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" rel="noopener">
<img src="{{ $metager->getImageProxyLink($result->image) }}" align="left" width="120px" height="60px" alt="" /> <img src="{{ $metager->getImageProxyLink($result->image) }}" alt="" />
</a> </a>
</div> </div>
@endif @endif
......
Supports Markdown
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