[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:
a01200356 2016-02-27 19:19:04 -06:00
parent 78d3f3d6b1
commit 4267b11a45
6 changed files with 20 additions and 7 deletions

File diff suppressed because one or more lines are too long

View file

@ -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;

View file

@ -17,7 +17,7 @@ input[type=checkbox]:not(:checked)+.label_hide_if_not_checked,input[type=checkbo
.result_download{margin-right:5px}
#pagination{margin-top:30px;padding-bottom:50px}
.label-default{color:#aaa;background:#fff}
.infobox .infobox_part{margin-bottom:20px;word-wrap:break-word}
.infobox .infobox_part{margin-bottom:20px;word-wrap:break-word;table-layout:fixed}
.infobox .infobox_part:last-child{margin-bottom:0}
.search_categories{margin:10px 0;text-transform:capitalize}
.cursor-text{cursor:text !important}

View file

@ -1,7 +1,8 @@
.infobox {
.infobox_part {
margin-bottom: 20px;
word-wrap: break-word;
word-wrap: break-word;
table-layout: fixed;
}
.infobox_part:last-child {