diff options
| author | Bnyro <bnyro@tutanota.com> | 2025-06-15 20:03:42 +0200 |
|---|---|---|
| committer | Markus Heiser <markus.heiser@darmarIT.de> | 2025-06-22 09:41:16 +0200 |
| commit | 096fb74f4e3dcf89b061d3ff2ff27c832ae13b71 (patch) | |
| tree | 25b27439d1664a70f2bf4e638b020bcb0ef6fb59 /client/simple | |
| parent | ec892d383613212dbc17e9ff3572e5f65128c255 (diff) | |
[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
Diffstat (limited to 'client/simple')
| -rw-r--r-- | client/simple/src/less/weather.less | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/client/simple/src/less/weather.less b/client/simple/src/less/weather.less index b77747a96..0b941ef7d 100644 --- a/client/simple/src/less/weather.less +++ b/client/simple/src/less/weather.less @@ -16,10 +16,14 @@ 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 { |