From c18b91ee58c925b4c5dd5c2979bffb8a84e6feb2 Mon Sep 17 00:00:00 2001
From: Alina Derkach <alina.derkach@percona.com>
Date: Tue, 1 Jul 2025 17:52:30 +0200
Subject: [PATCH] PS-10073 [DOCs] Implement new colors for Edit this page and
 View page buttons 	deleted:    _resource/.icons/edit_page.png 
 deleted:    _resource/.icons/file-document-edit-outline.svg 	deleted:   
 _resource/.icons/file-eye-outline.svg 	modified:   docs/css/extra.css 
 modified:   mkdocs-base.yml

---
 _resource/.icons/edit_page.png                | Bin 4344 -> 0 bytes
 .../.icons/file-document-edit-outline.svg     |   1 -
 _resource/.icons/file-eye-outline.svg         |   1 -
 docs/css/extra.css                            |  38 +++++++++++++++++-
 mkdocs-base.yml                               |   5 +--
 mkdocs.yml                                    |   2 +-
 6 files changed, 39 insertions(+), 8 deletions(-)
 delete mode 100644 _resource/.icons/edit_page.png
 delete mode 100644 _resource/.icons/file-document-edit-outline.svg
 delete mode 100644 _resource/.icons/file-eye-outline.svg

diff --git a/_resource/.icons/edit_page.png b/_resource/.icons/edit_page.png
deleted file mode 100644
index 96244be3db91b90ef7b1df79b6ea932a1bf813fd..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4344
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

diff --git a/_resource/.icons/file-document-edit-outline.svg b/_resource/.icons/file-document-edit-outline.svg
deleted file mode 100644
index e4003610d7b..00000000000
--- a/_resource/.icons/file-document-edit-outline.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8 12h8v2H8v-2m2 8H6V4h7v5h5v3.1l2-2V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4v-2m-2-2h4.1l.9-.9V16H8v2m12.2-5c.1 0 .3.1.4.2l1.3 1.3c.2.2.2.6 0 .8l-1 1-2.1-2.1 1-1c.1-.1.2-.2.4-.2m0 3.9L14.1 23H12v-2.1l6.1-6.1 2.1 2.1Z"/></svg>
\ No newline at end of file
diff --git a/_resource/.icons/file-eye-outline.svg b/_resource/.icons/file-eye-outline.svg
deleted file mode 100644
index b36dbf8d12e..00000000000
--- a/_resource/.icons/file-eye-outline.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 18c.56 0 1 .44 1 1s-.44 1-1 1-1-.44-1-1 .44-1 1-1m0-3c-2.73 0-5.06 1.66-6 4 .94 2.34 3.27 4 6 4s5.06-1.66 6-4c-.94-2.34-3.27-4-6-4m0 6.5a2.5 2.5 0 0 1-2.5-2.5 2.5 2.5 0 0 1 2.5-2.5 2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 1-2.5 2.5M9.27 20H6V4h7v5h5v4.07c.7.08 1.36.25 2 .49V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4.5a8.15 8.15 0 0 1-1.23-2Z"/></svg>
\ No newline at end of file
diff --git a/docs/css/extra.css b/docs/css/extra.css
index 82fd839c8b4..d4b23444414 100644
--- a/docs/css/extra.css
+++ b/docs/css/extra.css
@@ -9,4 +9,40 @@
 .md-sidebar__inner {
     font-size: 0.65rem;   /* Font size */
     line-height: 1.6;
-}
\ No newline at end of file
+}
+
+.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%;
+}
+
diff --git a/mkdocs-base.yml b/mkdocs-base.yml
index a52cc40be90..dec4e0491e6 100644
--- a/mkdocs-base.yml
+++ b/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 
diff --git a/mkdocs.yml b/mkdocs.yml
index 03562f09652..9a28098be26 100644
--- a/mkdocs.yml
+++ b/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!