From 75e35fb03a86e66fbddda30ef2b4d2df892d2b11 Mon Sep 17 00:00:00 2001 From: silverwind <me@silverwind.io> Date: Wed, 26 Apr 2023 06:09:29 +0200 Subject: [PATCH] Fix runner button height (#24338) Fixes https://github.com/go-gitea/gitea/issues/24326. Set size class and downsize any such buttons that have a dropdown icon because the dropdown icon increases button height artificially. [`:has()`](https://developer.mozilla.org/en-US/docs/Web/CSS/:has) is not supported in Firefox yet, but works fine with the experimental pref enabled. I see this as a graceful degradation in unsupporting browsers. --- templates/shared/actions/runner_list.tmpl | 2 +- web_src/css/base.css | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/templates/shared/actions/runner_list.tmpl b/templates/shared/actions/runner_list.tmpl index 536ae6b066..572bc5e34a 100644 --- a/templates/shared/actions/runner_list.tmpl +++ b/templates/shared/actions/runner_list.tmpl @@ -4,7 +4,7 @@ {{.locale.Tr "actions.runners.runner_manage_panel"}} ({{.locale.Tr "admin.total" .Total}}) <div class="ui right"> <div class="ui top right pointing dropdown"> - <button class="ui button primary"> + <button class="ui primary tiny button"> {{.locale.Tr "actions.runners.new"}} {{svg "octicon-triangle-down" 14 "dropdown icon"}} </button> diff --git a/web_src/css/base.css b/web_src/css/base.css index bd1d32e2af..33d84bc90c 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -2493,6 +2493,12 @@ a.ui.basic.label:hover { font-weight: normal; } +/* reduce height of buttons with dropdown icon */ +.ui.attached.header .right .button:has(.dropdown.icon) { + padding-top: 7px; + padding-bottom: 7px; +} + /* fix misaligned right buttons on box headers */ .ui.attached.header .right:not(.dropdown) { position: absolute;