Update version command display in documentation (#6522)

* Update version command display in documentation Modified the version command section to improve clarity and devided logical divs Title part's visuals is a bit modified to fit in our webpage * try to fix style * add commandInfo callout * convert to callouts * try dark one
endoflife-date · Jan 10, 2025 · ffa8e83 · ffa8e83
1 parent d01ab3a
commit ffa8e83
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/_config.yml b/_config.yml
@@ -58,6 +58,9 @@ callouts:
   note:
     title: Note
     color: blue
+  commandInfo:
+    title: To learn the current version on your system
+    color: grey-dk
 
 
 # jekyll-timeago plugin configuration, see https://github.com/markets/jekyll-timeago

diff --git a/_layouts/product.html b/_layouts/product.html
@@ -179,9 +179,11 @@ <h1>{{ page.title }}</h1>
 {% endif %}
 
 {% if page.versionCommand %}
-<div id="version-command" class="card card-body bg-light">
-  You can check the version that you are currently using by running: <pre>{{page.versionCommand}}</pre>
-</div>
+  <div id="version-command">
+    <blockquote class="commandInfo">
+      <p><pre>{{page.versionCommand}}</pre></p>
+    </blockquote>
+  </div>
 {% endif %}
 
 {% include identifiers.html %}

diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
@@ -163,4 +163,4 @@ ul.tag-cloud {
     text-decoration: none;
     position: relative;
   }
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -163,4 +163,4 @@ ul.tag-cloud { @@
         text-decoration: none;
         position: relative;
       }
-    }
+    }