style: word cloud

CONTRIBUTING.md

@@ -44,6 +44,8 @@ Although the scope is optional but it is recommended to include the scope so tha
 - `fix(no-release): responsive issue for xxx`
   - the `no-release` scope will not trigger a release
 
+For breaking changes, add `!` after `<type>(Scope)` or add `BREAKING CHANGE: description.`/`BREAKING CHANGES: description.`
+
 ## <a name="website"></a> Contribute to the core website
 
 This website is built from <a href="https://www.gatsbyjs.org/">Gatsby</a> framework.

release.config.js

@@ -15,7 +15,7 @@ module.exports = {
         preset: "conventionalcommits",
         releaseRules: "./semantic-release-rules.js",
         parserOpts: {
-          noteKeywords: ["BREAKING CHANGE", "BREAKING CHANGES"]
+          noteKeywords: ["BREAKING CHANGE", "BREAKING-CHANGE", "BREAKING CHANGES"]
         }
       }
     ],

semantic-release-rules.js

@@ -1,4 +1,7 @@
 module.exports = [
+  { breaking: true, release: "major" },
+  { tag: 'Breaking', release: 'major' },
+  { revert: true, release: "patch" },
   { type: "feat", release: "minor" },
   { type: "fix", release: "patch" },
   { type: "perf", release: "patch" },
@@ -10,8 +13,6 @@ module.exports = [
   { type: "test", release: "patch" },
   { type: "build", release: "patch" },
   { type: "ci", release: "patch" },
-  { breaking: true, release: "major" },
-  { revert: true, release: "patch" },
   { type: "chore", release: false },
   { scope: "no-release", release: false }
 ];

src/components/visualisation/visUtils.jsx

@@ -129,6 +129,7 @@ const VisUtils = React.memo(({ tagMenu, handleTagMenu, tags }) => {
           menu="Tag menu"
           minFontSize={0.97}
           maxFontSize={2.8}
+          padding="1px 3px"
           colour={[
             "#808080",
             "#ff5e5e",