From a38eca3f52f691667f8075263badffba4e9b97ae Mon Sep 17 00:00:00 2001 From: Kerwin Bryant Date: Wed, 13 Sep 2023 17:08:45 +0800 Subject: Fix Fomantic's line-height causing vertical scrollbars to appear (#26961) Before: ![before](https://github.com/go-gitea/gitea/assets/3371163/bc5a3b20-3490-4e14-ab1d-2fcfbc4a2e20) After: ![after](https://github.com/go-gitea/gitea/assets/3371163/70e8be6a-11a2-46af-9e1e-78ac153cd2a4) --- 1. **Remove the scroll bar exception that in the a tag** 2. **Reduce the actual width of the a tag to the actual width of the content** ![c363a5b5883e105a0c65d7337893b50](https://github.com/go-gitea/gitea/assets/3371163/789d9b83-ad14-46d2-8a1b-df551a063f6a) As shown in the screenshot, the red box area should not be clickable --- web_src/css/base.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'web_src') diff --git a/web_src/css/base.css b/web_src/css/base.css index 8542248d90..b41bfc6942 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -481,6 +481,14 @@ a.label, text-align: start; /* Override fomantic's `text-align: left` to make RTL work via HTML `dir="auto"` */ } +/* fix Fomantic's line-height causing vertical scrollbars to appear */ +ul.ui.list li, +ol.ui.list li, +.ui.list > .item, +.ui.list .list > .item { + line-height: var(--line-height-default); +} + .ui.input.focus > input, .ui.input > input:focus { border-color: var(--color-primary); -- cgit v1.2.3