From aee5ef00519cd199992bb7dc02b4fa22a392869e Mon Sep 17 00:00:00 2001 From: silverwind Date: Thu, 1 Apr 2021 00:19:53 +0200 Subject: Diff box fixes (#15214) - Fix misaligned "Show Outdated" buttons via flexbox - Add hover effect to "Show Outdated" buttons - Remove overreaching margin from selector .diff-file-box and handle cases individually. Fixes: https://github.com/go-gitea/gitea/issues/15097 Co-authored-by: Lunny Xiao Co-authored-by: 6543 <6543@obermui.de> Co-authored-by: zeripath Co-authored-by: techknowlogick --- web_src/less/_repository.less | 12 ------------ web_src/less/_review.less | 12 ++++++++---- 2 files changed, 8 insertions(+), 16 deletions(-) (limited to 'web_src') diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 5503c80288..f2234c8558 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -1107,15 +1107,6 @@ .segments { box-shadow: none; - - .show-outdated, - .hide-outdated { - display: block; - } - - .label { - margin-left: 6px; - } } } } @@ -1635,9 +1626,6 @@ } .diff-file-box { - margin-top: 1rem; - margin-bottom: 1rem; - .header { background-color: var(--color-box-header); } diff --git a/web_src/less/_review.less b/web_src/less/_review.less index 059e3d0ff5..f6f5df20a2 100644 --- a/web_src/less/_review.less +++ b/web_src/less/_review.less @@ -35,11 +35,15 @@ &:not(.top) { margin-bottom: .5em; } +} + +.show-outdated, +.hide-outdated { + display: block !important; + user-select: none !important; - .show-outdated, - .hide-outdated { - display: block; - margin-left: auto; + &:hover { + text-decoration: underline; } } -- cgit v1.2.3