mirror of
https://github.com/searxng/searxng
synced 2024-01-01 19:24:07 +01:00
[fix] apply changes in infobox's styles
changes were made for wolframalpha infobox:
- wrap text inside infobox.
for example, there's a hill in New Zealand called
Taumatawhakatangihangakoauauotamateapokaiwhenuakitanatahu
(don't blame me, blame the Kiwis)
and now it doesn't break the infobox.
- add an optional image field for infobox's attributes.
(doesn't affect ddg infobox at all)
- table is now always split in half.
needed so that images stay inside infobox.
(max-width doesn't work for inline elements, it's the table
that has to set the width.
if you don't like how the table width looks now in ddg/wiki's infobox,
i can change that code so that the style only applies when using
wolframalpha.
This commit is contained in:
parent
78d3f3d6b1
commit
4267b11a45
6 changed files with 20 additions and 7 deletions
File diff suppressed because one or more lines are too long
|
|
@ -476,6 +476,7 @@ color: @color-font-light;
|
|||
margin: 0px 2px 5px 5px;
|
||||
padding: 0px 2px 2px;
|
||||
max-width: 21em;
|
||||
word-wrap: break-word;
|
||||
|
||||
.infobox {
|
||||
margin: 10px 0 10px;
|
||||
|
|
@ -485,7 +486,7 @@ color: @color-font-light;
|
|||
/* box-shadow: 0px 0px 5px #CCC; */
|
||||
|
||||
img {
|
||||
max-width: 20em;
|
||||
max-width: 90%;
|
||||
max-heigt: 12em;
|
||||
display: block;
|
||||
margin: 5px;
|
||||
|
|
@ -497,7 +498,7 @@ color: @color-font-light;
|
|||
}
|
||||
|
||||
table {
|
||||
width: auto;
|
||||
table-layout: fixed;
|
||||
|
||||
td {
|
||||
vertical-align: top;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue