From b1be7d6545b8524b2310aa1d9a1a3a0b0a26c4b6 Mon Sep 17 00:00:00 2001
From: Martin Jagodic <jagodicmartin1@gmail.com>
Date: Wed, 27 Mar 2024 13:54:37 +0100
Subject: [PATCH] add version tag

---
 content/docs/widgets/relation.md |  2 +-
 src/global-styles.js             | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/content/docs/widgets/relation.md b/content/docs/widgets/relation.md
index b1d76bcb..bccafe72 100644
--- a/content/docs/widgets/relation.md
+++ b/content/docs/widgets/relation.md
@@ -19,7 +19,7 @@ The relation widget allows you to reference items from another collection. It pr
   * `min`: minimum number of items; ignored if **multiple** is  `false`
   * `max`: maximum number of items; ignored if **multiple** is  `false`
   * `options_length`: accepts integer to override number of options presented to user. Defaults to `20`.
-  * `filters`: allows adding filters by which the available options are filtered. You can add filters which are a pair of `field` and the allowed `values`, where the widget will only show options (collection items) that satisfy all the filters. A collection item satisfies a filter if the value of `field` is one of the values in `values`.
+  * `filters`: <a href="https://github.com/decaporg/decap-cms/releases/tag/decap-cms%403.1.5" class="version-tag">3.1.5</a> allows adding filters by which the available options are filtered. You can add filters which are a pair of `field` and the allowed `values`, where the widget will only show options (collection items) that satisfy all the filters. A collection item satisfies a filter if the value of `field` is one of the values in `values`.
 * **Referencing a folder collection example** (assuming a separate "authors" collection with "name" and "twitterHandle" fields with subfields "first" and "last" for the "name" field):
 
 ```yaml
diff --git a/src/global-styles.js b/src/global-styles.js
index 638d4759..b306fb36 100644
--- a/src/global-styles.js
+++ b/src/global-styles.js
@@ -122,6 +122,20 @@ const globalStyles = css`
       text-align: right;
     }
   }
+
+  .version-tag {
+    &:before {
+      content: 'New in v';
+    }
+    background: ${theme.colors.primaryDark};
+    color: white;
+    padding: 0.125em 0.5em;
+    border-radius: ${theme.radii[1]};
+    font-size: ${theme.fontsize[1]};
+    font-weight: 700;
+    display: inline-block;
+    margin: 0 0.5em;
+  }
 `;
 
 function GlobalStyles() {