summaryrefslogtreecommitdiffstats
path: root/web_src/less
diff options
context:
space:
mode:
authorsilverwind <me@silverwind.io>2022-08-10 16:47:28 +0200
committerGitHub <noreply@github.com>2022-08-10 22:47:28 +0800
commitd751e35d81d3e9e953ac35e868b9714ba4502f67 (patch)
tree5e6a3042319003707420a7a50b62bf9285a868f1 /web_src/less
parent58de07e5fd14c23dd4c4a315b8c5b3fb3219f66a (diff)
downloadgitea-d751e35d81d3e9e953ac35e868b9714ba4502f67.tar.gz
gitea-d751e35d81d3e9e953ac35e868b9714ba4502f67.zip
Use separate class for tippy targets (#20742)
Previous solution that re-purposed the 'hide' class by making it `!important` had various unintended side-effects where jQuery .show() was not able to outweight it. Use a separate class to prevent these interactions.
Diffstat (limited to 'web_src/less')
-rw-r--r--web_src/less/_base.less2
-rw-r--r--web_src/less/modules/tippy.less5
2 files changed, 6 insertions, 1 deletions
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
index f2711c4482..17e9ccfd35 100644
--- a/web_src/less/_base.less
+++ b/web_src/less/_base.less
@@ -1315,7 +1315,7 @@ footer {
}
.hide {
- display: none !important;
+ display: none;
&.show-outdated {
display: none !important;
diff --git a/web_src/less/modules/tippy.less b/web_src/less/modules/tippy.less
index 1fcd0372ce..25dd7fc987 100644
--- a/web_src/less/modules/tippy.less
+++ b/web_src/less/modules/tippy.less
@@ -1,5 +1,10 @@
/* styles are based on node_modules/tippy.js/dist/tippy.css */
+// class to hide tippy target elements on page load
+.tippy-target {
+ display: none !important;
+}
+
[data-tippy-root] {
max-width: calc(100vw - 10px);
}