PS-10073 [DOCs] Implement new Edit this page button (8.0)

docs/css/extra.css

@@ -9,4 +9,40 @@
 .md-sidebar__inner {
     font-size: 0.65rem;   /* Font size */
     line-height: 1.6;
-}
+}
+
+.md-content__button.md-icon {
+  color: #ff7e1a !important;  /* Example: deep orange */
+}
+
+/* Optional: hover effect */
+.md-content__button.md-icon:hover {
+  color: #ffa966 !important;
+}
+
+.md-content__button.md-icon svg {
+  width: 34px;
+  height: 34px;
+}
+
+.md-content__button.md-icon[href*="/edit/"] {
+  display: inline-flex;          /* make the button a flex container */
+  flex-direction: column;        /* stack children vertically */
+  align-items: center;           /* center them horizontally */
+}
+
+.md-content__button.md-icon[href*="/edit/"] svg {
+  width: 34px;
+  height: 34px;
+}
+
+.md-content__button.md-icon[href*="/edit/"]::after {
+  content: "Edit this page";
+  margin-top: 4px;
+  font-size: 0.7rem;
+  color: #2C323E;
+  text-align: center;
+  display: block;
+  width: 100%;
+}
+

mkdocs-base.yml

@@ -17,9 +17,6 @@ theme:
   font:
     text: Roboto
     code: Roboto Mono
-  icon:
-    edit: material/file-edit-outline
-    view: material/file-eye-outline
 
   palette:
     - media: "(prefers-color-scheme)"
@@ -55,7 +52,7 @@ theme:
     - content.tooltips
     - content.tabs.link
     - content.action.edit
-    - content.action.view
+#    - content.action.view
     - content.code.copy
     - content.code.annotate
     - toc.follow 

mkdocs.yml

@@ -26,5 +26,5 @@ extra:
           name: This page could be improved
           data: 0
           note: >- 
-            Thanks for your feedback! Help us improve by following this <a href="https://docs.google.com/forms/d/1bkWACehjqlwA0AKf-qTJcXvYbOSYgze8iTPXjntqmNo/edit" target="_blank" rel="noopener">feedback form</a>.
+            Thanks for your feedback! Want to improve this page? Click the <strong>Edit this page</strong> button above to submit a pull request!