Make anchor visible on WebKit browsers. (#189)

ansible-community · Jul 16, 2023 · 2503759 · 2503759
1 parent fd48d7c
commit 2503759
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/changelogs/fragments/189-css-option-anchors.yml b/changelogs/fragments/189-css-option-anchors.yml
@@ -0,0 +1,2 @@
+bugfixes:
+  - "Fix antsibull Sphinx extension CSS so that the option/return value anchors for module/plugin/role documentation can also be used on WebKit-based browsers such as Gnome Web and Safari (https://github.com/ansible-community/antsibull-docs/issues/188, https://github.com/ansible-community/antsibull-docs/pull/189)."
diff --git a/src/sphinx_antsibull_ext/antsibull-minimal.css b/src/sphinx_antsibull_ext/antsibull-minimal.css
diff --git a/src/sphinx_antsibull_ext/css/antsibull-minimal.scss b/src/sphinx_antsibull_ext/css/antsibull-minimal.scss
@@ -61,15 +61,15 @@ table.documentation-table {
   tr {
     .ansibleOptionLink {
       display: inline-block;
-      visibility: hidden;
 
       &::after {
         content: "🔗";
+        opacity: 0;
       }
     }
 
     &:hover .ansibleOptionLink::after {
-      visibility: visible;
+      opacity: 1;
     }
 
     &:nth-child(odd) {
@@ -203,10 +203,10 @@ table.ansible-option-table {
 
   .ansibleOptionLink {
     display: inline-block;
-    visibility: hidden;
 
     &::after {
       content: "🔗";
+      opacity: 0;
     }
   }
 
@@ -215,7 +215,7 @@ table.ansible-option-table {
   }
 
   tr:hover .ansibleOptionLink::after {
-    visibility: visible;
+    opacity: 1;
   }
 
   td {
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		bugfixes:
		- "Fix antsibull Sphinx extension CSS so that the option/return value anchors for module/plugin/role documentation can also be used on WebKit-based browsers such as Gnome Web and Safari (https://github.com/ansible-community/antsibull-docs/issues/188, https://github.com/ansible-community/antsibull-docs/pull/189)."