mirror of
https://github.com/searxng/searxng.git
synced 2025-07-14 08:49:19 +02:00
[fix] weather template: text overflow on small screen devices
- this PR fixes that the columns of the weather table are overflowing on small screen devices - therefore we now display "..." at the end of too long words and cut them off - additionally I added some small gap between columns, otherwise it looks weird on small screens - closes https://github.com/searxng/searxng/issues/4887
This commit is contained in:
parent
ec892d3836
commit
096fb74f4e
1 changed files with 4 additions and 0 deletions
|
@ -16,10 +16,14 @@
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
|
border-collapse: separate;
|
||||||
|
border-spacing: 0.1em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.symbol {
|
img.symbol {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue