Fixed css to ensure version switcher dropdown is solid (#227)

* Fixed css to ensure version switcher dropdown is solid

* Fixed css to ensure version switcher dropdown is solid

* Removed test branch from GH action, improved authentication step, added cleanup step

Author: nastena1606

.github/workflows/main.yaml

@@ -1,4 +1,4 @@
-name: Build Percona Operator for PostgreSQL docs
+name: Build Percona Operator for MySQL docs
 on:
   push:
     branches: 
@@ -22,25 +22,13 @@ jobs:
         uses: actions/setup-python@0b93645e9fea7318ecaed2b359559ac225c90a2b # v5.3.0
         with:
           python-version: '3.x'
-      
-      #Configure git
-      - name: Configure git
-        env:
-          ROBOT_TOKEN: ${{ secrets.ROBOT_TOKEN }}
-        run: |
-          git config --global url."https://percona-platform-robot:${ROBOT_TOKEN}@github.com".insteadOf "https://github.com"
-          git config user.name "GitHub Action"
-          git config user.email "github-action@users.noreply.github.com"
-          git config user.password "${ROBOT_TOKEN}"
-          echo "GIT_USER=percona-platform-robot:${ROBOT_TOKEN}" >> $GITHUB_ENV
-
 
       #Extract release from YAML
       - name: Extract release from variables
         run: |
-          RELEASE=$(grep '^release:' variables.yml | awk '{print $2}' )
+          RELEASE=$(grep '^release:' variables.yml | awk '{print $2}' | tr -d "'")
           echo "RELEASE=$RELEASE" >> $GITHUB_ENV
-#          PRUNED_VERSION=$(grep '^pruned_version:' variables.yml | awk '{print $2}' )
+#          PRUNED_VERSION=$(grep '^pruned_version:' variables.yml | awk '{print $2}' | tr -d "'")
 #          echo "PRUNED_VERSION"=$"PRUNED_VERSION" >> $GITHUB_ENV
 
 
@@ -51,7 +39,16 @@ jobs:
           pip install wheel
           if [ -f requirements.txt ]; then pip install -r requirements.txt; fi
 
-     
+     # Configure git auth right before it's needed, scoped to this checkout only,
+      # so the credential isn't live on disk for the earlier setup steps.
+      - name: Configure git
+        env:
+          ROBOT_TOKEN: ${{ secrets.ROBOT_TOKEN }}
+        run: |
+          git config --local http.https://github.com/.extraheader "AUTHORIZATION: basic $(printf '%s' "x-access-token:${ROBOT_TOKEN}" | base64 -w0)"
+          git config user.name "GitHub Action"
+          git config user.email "github-action@users.noreply.github.com"
+
      # Deploy docs
       - name: Deploy docs
         env:
@@ -60,4 +57,9 @@ jobs:
           mike deploy $RELEASE -u latest -b publish -p
           mike set-default latest -b publish -p
 #          mike delete $PRUNED_VERSION -b publish -p
+      
+ # Drop the credential as soon as it's no longer needed
+      - name: Clear git credentials
+        if: always()
+        run: git config --local --unset-all http.https://github.com/.extraheader || true
 

docs/css/design.css

@@ -217,10 +217,13 @@
 .md-tabs__link {
     margin-top: 0.55rem;
 }
-.md-header__topic {
+/* Fade only the site/page title text. Do not set opacity on
+   .md-header__topic itself — Material mounts .md-version inside it,
+   and parent opacity makes the version dropdown translucent. */
+.md-header__topic > .md-ellipsis {
     transition: opacity .25s;
 }
-.md-header__topic:hover {
+.md-header__topic:hover > .md-ellipsis {
     opacity: 0.7;
 }
 

docs/css/extra.css

@@ -80,3 +80,12 @@
 .md-banner * {
   font-family: "Poppins", sans-serif !important;
 }
+
+/* Version switcher: keep dropdown surface solid in light/dark.
+   Material already sets background-color; reinforce it here so
+   custom header styles cannot wash it out. Parent .md-header__topic
+   must not use opacity (see design.css) or this still looks translucent. */
+.md-version__list {
+  background-color: var(--md-default-bg-color);
+  color: var(--md-typeset-color);
+}