Add draft watermark to PR versions of site

Signed-off-by: Paul Albertella <[email protected]>
elisa-tech · Nov 11, 2024 · 041f4d2 · 041f4d2
1 parent 40c3216
commit 041f4d2
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -32,6 +32,10 @@ jobs:
         if: github.ref != 'refs/heads/main'
         run: echo "BASE_URL=https://${{ env.DOMAIN }}/${{ env.PR_PATH}}/" >> $GITHUB_ENV
 
+      - name: Add draft message watermark to css if PR
+        if: github.ref != 'refs/heads/main'
+      - run: cat docs/stylesheets/draft.css >> docs/stylesheets/elisa.css
+
       - name: Setup python
         uses: actions/setup-python@v5
         with:

diff --git a/docs/stylesheets/draft.css b/docs/stylesheets/draft.css
@@ -0,0 +1,10 @@
+
+.md-content__inner.md-typeset:before {
+    content: "DRAFT FROM PR";
+    -webkit-transform: rotate(351deg);
+    -moz-transform: rotate(351deg);
+    -o-transform: rotate(351deg);
+    transform: rotate(351deg);
+    font-size: 10em;
+    color: rgba(255, 5, 5, 0.17);
+  }