saturn
/
addressbook_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

transp

main
Satur@it-depot.ru 2025-03-06 12:49:01 +03:00
parent 2f9cb3132a
commit cbc0289ad0
1 changed files with 38 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
templates/index.html
View File

@ -25,9 +25,44 @@
.sort-arrow { font-size: 12px; margin-left: 5px; }
.protocol-icon { margin-right: 5px; height: 16px; width: 16px; vertical-align: middle; }
.connection-link { color: blue; text-decoration: underline; cursor: pointer; }
.edit-button { display: none; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background: #007bff; color: white; border: none; padding: 2px 5px; border-radius: 3px; cursor: pointer; }
.copy-button { display: none; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); background: #28a745; color: white; border: none; padding: 2px 5px; border-radius: 3px; cursor: pointer; }
.copy-button:hover { background: #218838; }
.edit-button {
display: none;
position: absolute;
right: 45px; /* Увеличиваем отступ для раздвижения */
top: 50%;
transform: translateY(-50%);
background: #fff; /* Белый фон */
color: #007bff;
border: 1px solid #007bff;
padding: 2px 5px;
border-radius: 3px;
cursor: pointer;
transition: all 0.2s ease; /* Плавный переход для эффекта наведения */
}
.edit-button:hover {
background: #e0e0e0; /* Легкий серый при наведении */
transform: scale(1.1); /* Увеличение размера */
color: #0056b3;
}
.copy-button {
display: none;
position: absolute;
right: 5px; /* Устанавливаем ближе к правому краю */
top: 50%;
transform: translateY(-50%);
background: #fff; /* Белый фон */
color: #28a745;
border: 1px solid #28a745;
padding: 2px 5px;
border-radius: 3px;
cursor: pointer;
transition: all 0.2s ease; /* Плавный переход для эффекта наведения */
}
.copy-button:hover {
background: #e0e0e0; /* Легкий серый при наведении */
transform: scale(1.1); /* Увеличение размера */
color: #218838;
}
.install-item:hover .edit-button { display: inline-block; }
.install-item:hover .copy-button { display: inline-block; }
.action-buttons { display: none; }