Make the ad CTA a button (#401)

Note: this only applies to the sidebar or (non fixed) footer ad. My idea here was to test it out and see how this performs before rolling it out on the EA styled ads. Any feedback before rolling it out is also valuable. ## Screenshot ![Screenshot from 2024-10-10 15-36-51](https://github.com/user-attachments/assets/10ae752a-b839-4341-892f-688961122675)
readthedocs · Oct 12, 2024 · 26b1078 · 26b1078
1 parent c958fa8
commit 26b1078
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 5 deletions.
diff --git a/dist/readthedocs-addons.js b/dist/readthedocs-addons.js
diff --git a/dist/readthedocs-addons.js.map b/dist/readthedocs-addons.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/ethicalads.css b/src/ethicalads.css
@@ -40,6 +40,16 @@ div.ethical-footer {
   border: 0;
 }
 
+.ethical-sidebar .ea-cta,
+.ethical-footer .ea-cta {
+  display: block;
+  border: 1px solid #ccc;
+  border-radius: 0.5em;
+  margin-top: 0.5em;
+  margin-left: 1em;
+  margin-right: 1em;
+}
+
 .ethical-sidebar,
 .ethical-footer {
   background-color: #eee;
@@ -222,6 +232,10 @@ div.ethical-footer {
 .ethical-dark-theme .ethical-callout a {
   color: #b3b3b3 !important;
 }
+.ethical-dark-theme .ethical-sidebar .ea-cta,
+.ethical-dark-theme .ethical-footer .ea-cta {
+  border-color: #a0a0a0;
+}
 
 /* Docusaurus */
 .ethical-docusaurus {