From 807471b7b130dde600fb3d57edf017703fe0a4dd Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Wed, 12 Nov 2025 10:48:21 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=82=D0=BE=D0=B2=20ASNsNewManager,=20DomainsNewMa?=
 =?UTF-8?q?nager=20=D0=B8=20IPRangesManager=20=D1=81=20=D0=B4=D0=BE=D0=B1?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5=D0=BC=20=D0=BF=D0=BE?=
 =?UTF-8?q?=D0=B7=D0=B8=D1=86=D0=B8=D0=BE=D0=BD=D0=B8=D1=80=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=B8=D1=8F=20=D0=B4=D0=BB=D1=8F=20=D0=BF=D0=BE?=
 =?UTF-8?q?=D0=B4=D1=81=D0=BA=D0=B0=D0=B7=D0=BE=D0=BA=20=D0=B8=20=D1=83?=
 =?UTF-8?q?=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD=D0=B8=D0=B5=D0=BC=20=D0=B4?=
 =?UTF-8?q?=D0=BE=D1=81=D1=82=D1=83=D0=BF=D0=BD=D0=BE=D1=81=D1=82=D0=B8=20?=
 =?UTF-8?q?=D0=BA=D0=BD=D0=BE=D0=BF=D0=BE=D0=BA.=20=D0=9F=D0=BE=D0=B4?=
 =?UTF-8?q?=D1=81=D0=BA=D0=B0=D0=B7=D0=BA=D0=B8=20=D1=82=D0=B5=D0=BF=D0=B5?=
 =?UTF-8?q?=D1=80=D1=8C=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B0?=
 =?UTF-8?q?=D1=8E=D1=82=D1=81=D1=8F=20=D1=81=D0=B2=D0=B5=D1=80=D1=85=D1=83?=
 =?UTF-8?q?,=20=D0=B0=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B8=20=D0=BF?=
 =?UTF-8?q?=D0=BE=D0=BB=D1=83=D1=87=D0=B8=D0=BB=D0=B8=20=D0=B0=D1=82=D1=80?=
 =?UTF-8?q?=D0=B8=D0=B1=D1=83=D1=82=D1=8B=20title=20=D0=B4=D0=BB=D1=8F=20?=
 =?UTF-8?q?=D0=BF=D0=BE=D0=B2=D1=8B=D1=88=D0=B5=D0=BD=D0=B8=D1=8F=20=D1=83?=
 =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D1=81=D1=82=D0=B2=D0=B0=20=D0=B8=D1=81=D0=BF?=
 =?UTF-8?q?=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/ASNsNewManager.jsx     | 15 ++++++++-------
 frontend/src/DomainsNewManager.jsx  | 12 ++++++++----
 frontend/src/IPRangesManager.jsx    | 15 ++++++++-------
 frontend/src/components/Tooltip.jsx | 30 +++++++++++++++++++++++++++++
 4 files changed, 54 insertions(+), 18 deletions(-)

diff --git a/frontend/src/ASNsNewManager.jsx b/frontend/src/ASNsNewManager.jsx
index 1d54099..9f07560 100644
--- a/frontend/src/ASNsNewManager.jsx
+++ b/frontend/src/ASNsNewManager.jsx
@@ -839,11 +839,12 @@ function ASNsNewManager() {
                         <div className="d-flex align-items-center">
                           <IconHash size={16} className="me-2 text-muted" />
                           <span>{item.asn}</span>
-                          <Tooltip content="Копировать ASN">
+                          <Tooltip content="Копировать ASN" position="top">
                             <button
                               className="btn btn-ghost-secondary btn-icon btn-sm ms-2"
                               onClick={() => copyToClipboard(item.asn)}
                               aria-label="Копировать"
+                              title="Копировать ASN"
                             >
                               <IconCopy size={14} />
                             </button>
@@ -878,14 +879,14 @@ function ASNsNewManager() {
                           </>
                         ) : (
                           <>
-                            <Tooltip content="Редактировать">
-                              <button className="btn btn-outline-primary btn-icon btn-sm me-1" aria-label="Редактировать" onClick={() => handleEdit(item)}><IconEdit size={16} /></button>
+                            <Tooltip content="Редактировать" position="top">
+                              <button className="btn btn-outline-primary btn-icon btn-sm me-1" aria-label="Редактировать" onClick={() => handleEdit(item)} title="Редактировать"><IconEdit size={16} /></button>
                             </Tooltip>
-                            <Tooltip content="Копировать">
-                              <button className="btn btn-outline-secondary btn-icon btn-sm me-1" aria-label="Копировать" onClick={() => copyToClipboard(`${item.asn} ${item.community}`)}><IconCopy size={16} /></button>
+                            <Tooltip content="Копировать" position="top">
+                              <button className="btn btn-outline-secondary btn-icon btn-sm me-1" aria-label="Копировать" onClick={() => copyToClipboard(`${item.asn} ${item.community}`)} title="Копировать"><IconCopy size={16} /></button>
                             </Tooltip>
-                            <Tooltip content="Удалить">
-                              <button className="btn btn-outline-danger btn-icon btn-sm" aria-label="Удалить" onClick={() => confirmDelete(item)}><IconTrash size={16} /></button>
+                            <Tooltip content="Удалить" position="top">
+                              <button className="btn btn-outline-danger btn-icon btn-sm" aria-label="Удалить" onClick={() => confirmDelete(item)} title="Удалить"><IconTrash size={16} /></button>
                             </Tooltip>
                           </>
                         )}
diff --git a/frontend/src/DomainsNewManager.jsx b/frontend/src/DomainsNewManager.jsx
index 0863cb0..5382247 100644
--- a/frontend/src/DomainsNewManager.jsx
+++ b/frontend/src/DomainsNewManager.jsx
@@ -860,11 +860,12 @@ function DomainsNewManager() {
                         <div className="d-flex align-items-center">
                           <IconWorld size={16} className="me-2 text-muted" />
                           <span className="font-monospace">{item.domain}</span>
-                          <Tooltip content="Копировать домен">
+                          <Tooltip content="Копировать домен" position="top">
                             <button
                               className="btn btn-ghost-secondary btn-icon btn-sm ms-2"
                               onClick={() => copyToClipboard(item.domain)}
                               aria-label="Копировать"
+                              title="Копировать домен"
                             >
                               <IconCopy size={14} />
                             </button>
@@ -910,29 +911,32 @@ function DomainsNewManager() {
                             </>
                           ) : (
                             <>
-                              <Tooltip content="Редактировать">
+                              <Tooltip content="Редактировать" position="top">
                                 <button 
                                   className="btn btn-outline-primary btn-icon btn-sm" 
                                   aria-label="Редактировать" 
                                   onClick={() => handleEdit(item)}
+                                  title="Редактировать"
                                 >
                                   <IconEdit size={16} />
                                 </button>
                               </Tooltip>
-                              <Tooltip content="Копировать">
+                              <Tooltip content="Копировать" position="top">
                                 <button 
                                   className="btn btn-outline-secondary btn-icon btn-sm" 
                                   aria-label="Копировать" 
                                   onClick={() => copyToClipboard(`${item.domain} ${item.community}`)}
+                                  title="Копировать"
                                 >
                                   <IconCopy size={16} />
                                 </button>
                               </Tooltip>
-                              <Tooltip content="Удалить">
+                              <Tooltip content="Удалить" position="top">
                                 <button 
                                   className="btn btn-outline-danger btn-icon btn-sm" 
                                   aria-label="Удалить" 
                                   onClick={() => confirmDelete(item)}
+                                  title="Удалить"
                                 >
                                   <IconTrash size={16} />
                                 </button>
diff --git a/frontend/src/IPRangesManager.jsx b/frontend/src/IPRangesManager.jsx
index 6661d15..4fa2d0d 100644
--- a/frontend/src/IPRangesManager.jsx
+++ b/frontend/src/IPRangesManager.jsx
@@ -1078,11 +1078,12 @@ function IPRangesManager() {
                         <div className="d-flex align-items-center">
                           <IconNetwork size={16} className="me-2 text-muted" />
                           <span>{item.ipRange}</span>
-                          <Tooltip content="Копировать IP-диапазон">
+                          <Tooltip content="Копировать IP-диапазон" position="top">
                             <button
                               className="btn btn-ghost-secondary btn-icon btn-sm ms-2"
                               onClick={() => copyToClipboard(item.ipRange)}
                               aria-label="Копировать"
+                              title="Копировать IP-диапазон"
                             >
                               <IconCopy size={14} />
                             </button>
@@ -1110,14 +1111,14 @@ function IPRangesManager() {
                           </>
                         ) : (
                           <>
-                            <Tooltip content="Редактировать">
-                              <button className="btn btn-outline-primary btn-icon btn-sm me-1" aria-label="Редактировать" onClick={() => handleEdit(item)}><IconEdit size={16} /></button>
+                            <Tooltip content="Редактировать" position="top">
+                              <button className="btn btn-outline-primary btn-icon btn-sm me-1" aria-label="Редактировать" onClick={() => handleEdit(item)} title="Редактировать"><IconEdit size={16} /></button>
                             </Tooltip>
-                            <Tooltip content="Копировать">
-                              <button className="btn btn-outline-secondary btn-icon btn-sm me-1" aria-label="Копировать" onClick={() => copyToClipboard(`${item.ipRange} ${item.community}`)}><IconCopy size={16} /></button>
+                            <Tooltip content="Копировать" position="top">
+                              <button className="btn btn-outline-secondary btn-icon btn-sm me-1" aria-label="Копировать" onClick={() => copyToClipboard(`${item.ipRange} ${item.community}`)} title="Копировать"><IconCopy size={16} /></button>
                             </Tooltip>
-                            <Tooltip content="Удалить">
-                              <button className="btn btn-outline-danger btn-icon btn-sm" aria-label="Удалить" onClick={() => confirmDelete(item)}><IconTrash size={16} /></button>
+                            <Tooltip content="Удалить" position="top">
+                              <button className="btn btn-outline-danger btn-icon btn-sm" aria-label="Удалить" onClick={() => confirmDelete(item)} title="Удалить"><IconTrash size={16} /></button>
                             </Tooltip>
                           </>
                         )}
diff --git a/frontend/src/components/Tooltip.jsx b/frontend/src/components/Tooltip.jsx
index f12c64c..787097d 100644
--- a/frontend/src/components/Tooltip.jsx
+++ b/frontend/src/components/Tooltip.jsx
@@ -155,6 +155,36 @@ function Tooltip({
           }
         }
         
+        @keyframes tooltipFadeInTop {
+          from {
+            opacity: 0;
+            transform: translate(-50%, calc(-100% - 4px)) scale(0.95);
+          }
+          to {
+            opacity: 1;
+            transform: translate(-50%, calc(-100% - 8px)) scale(1);
+          }
+        }
+        
+        @keyframes tooltipFadeInBottom {
+          from {
+            opacity: 0;
+            transform: translate(-50%, 4px) scale(0.95);
+          }
+          to {
+            opacity: 1;
+            transform: translate(-50%, 8px) scale(1);
+          }
+        }
+        
+        .tooltip-content.tooltip-top {
+          animation: tooltipFadeInTop 0.15s ease-out;
+        }
+        
+        .tooltip-content.tooltip-bottom {
+          animation: tooltipFadeInBottom 0.15s ease-out;
+        }
+        
         @media (prefers-color-scheme: dark) {
           .tooltip-inner {
             background: var(--tblr-gray-800, #1e293b);