mirror of
https://github.com/searxng/searxng.git
synced 2025-12-24 12:40:05 +00:00
096fb74f4e
- 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
43 lines
705 B
Plaintext
43 lines
705 B
Plaintext
#answers .weather {
|
|
summary {
|
|
display: block;
|
|
list-style: none;
|
|
}
|
|
|
|
div.summary {
|
|
margin: 0;
|
|
padding: 0.5rem 1rem;
|
|
background-color: var(--color-header-background);
|
|
.rounded-corners-tiny;
|
|
}
|
|
|
|
table {
|
|
font-size: 0.9rem;
|
|
table-layout: fixed;
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
border-collapse: separate;
|
|
border-spacing: 0.1em 0;
|
|
}
|
|
|
|
td {
|
|
padding: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
img.symbol {
|
|
width: 5rem;
|
|
margin: auto;
|
|
display: block;
|
|
}
|
|
|
|
.title {
|
|
// background-color: var(--color-result-keyvalue-even);
|
|
}
|
|
|
|
.measured {
|
|
// background-color: var(--color-result-keyvalue-odd);
|
|
}
|
|
}
|