4ebf838 · searx · git.iko.soy

git.iko.soy/searx

on master help sign in

[enh] more compact image view

4ebf838asciimoo13 years ago

searx/static/css/style.css+6−2

compare with master

unifiedsplit

@@ -84,5 +84,9 @@ a { text-decoration: none; }

85.invisible { display: none; }

87−.image_result { float: left; max-width: 250px; margin: 10px; height: 380px; min-width: 250px; }

87+.image_result { float: left; margin: 10px 10px; position: relative; height: 160px;}

88−.image_result img { max-width: 240px; max-height: 320px; border: 2px solid #000000; }

88+.image_result img { border: 0; height: 160px;}

89+.image_result p { margin: 0; padding: 0; }

90+.image_result p span a { display: none; }

91+.image_result p span a { color: #FFFFFF; }

92+.image_result p:hover span a { display: block; position: absolute; bottom: 0; right: 0; padding: 4px; background-color: rgba(0, 0, 0, 0.6); font-size: 0.7em; }

searx/templates/result_templates/images.html−2

@@ -1,8 +1,6 @@

1<div class="image_result">

2 <p>

3− <span class="engines">{{ result.engine }}</span><br />

4 <a href="{{ result.img_src }}"><img src="{{ result.img_src }}" title={{ result.title }}/></a>

3 <a href="{{ result.img_src }}"><img src="{{ result.img_src }}" title={{ result.title }}/></a>

5− <br />

6 <span class="url"><a href="{{ result.url }}" class="small_font">original context</a></span>

4 <span class="url"><a href="{{ result.url }}" class="small_font">original context</a></span>

7 </p>

5 </p>

8</div>

6</div>