diff options
| author | silverwind <me@silverwind.io> | 2024-05-02 21:10:49 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-02 19:10:49 +0000 |
| commit | c445a85528392a07357b060b19fe29f212cdde25 (patch) | |
| tree | b002bc71d14a12f8f8451503468908f3ce8bc442 /web_src/css/modules | |
| parent | e67fbe4f15cdc544f6bec975de6560556724f098 (diff) | |
| download | gitea-c445a85528392a07357b060b19fe29f212cdde25.tar.gz gitea-c445a85528392a07357b060b19fe29f212cdde25.zip | |
Improve repo button row layout (#30668)
Since there is now a second `<input>` in the repo buttons, we can make a
better-looking layout with no empty space, except on mobile.
Also I fixed one bug with focus border on clone panel.
## Large
<img width="1163" alt="Screenshot 2024-04-23 at 22 25 22"
src="https://github.com/go-gitea/gitea/assets/115237/8135a572-aa67-4672-ad49-b76b06890b52">
## Medium
<img width="870" alt="Screenshot 2024-04-23 at 22 25 34"
src="https://github.com/go-gitea/gitea/assets/115237/9e93f61c-3315-4a78-8328-8cefad5b50fa">
## Mobile
<img width="416" alt="Screenshot 2024-04-23 at 22 25 52"
src="https://github.com/go-gitea/gitea/assets/115237/859e341f-807a-48e6-8bcf-31715963216c">
Diffstat (limited to 'web_src/css/modules')
| -rw-r--r-- | web_src/css/modules/input.css | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/web_src/css/modules/input.css b/web_src/css/modules/input.css index 18b785ac82..d39377b4e1 100644 --- a/web_src/css/modules/input.css +++ b/web_src/css/modules/input.css @@ -188,8 +188,8 @@ .ui.action.input:not([class*="left action"]) > input:focus + .ui.dropdown.selection:hover, .ui.action.input:not([class*="left action"]) > input:focus + .button, .ui.action.input:not([class*="left action"]) > input:focus + .button:hover, -.ui.action.input:not([class*="left action"]) > input:focus + .icon + .button, -.ui.action.input:not([class*="left action"]) > input:focus + .icon + .button:hover { +.ui.action.input:not([class*="left action"]) > input:focus + i.icon + .button, +.ui.action.input:not([class*="left action"]) > input:focus + i.icon + .button:hover { border-left-color: var(--color-primary); } .ui.action.input:not([class*="left action"]) > input:focus { |