css: generalize anchor :target highlighting.

Generalize :target css so that it works on other things besides forum posts (e.g. wiki pages, /post_versions#post-version-123).
2019-09-28 14:16:45 -05:00
parent 6ef1a1c0b8
commit f7d7ed4b23
3 changed files with 8 additions and 6 deletions
--- a/app/javascript/src/styles/base/020_base.scss
+++ b/app/javascript/src/styles/base/020_base.scss
@@ -89,6 +89,11 @@ input[type="button"], input[type="submit"], button {
  padding-left: 0.5em;
 }

+/* Highlight link anchor targets (e.g. /forum_topics/123#forum_post_456). Use !important to override even table row backgrounds. */
+:target {
+  background: var(--target-background) !important;
+}
+
 menu {
  margin: 0;
  padding: 0;