feat: vendor tooltips, logos, descriptions, product URLs from mont.ru
This commit is contained in:
@@ -667,3 +667,90 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* ── Vendor tooltip popup ── */
|
||||
.vendor-tooltip {
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
width: 280px;
|
||||
background: #fff;
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 20px 60px rgba(16,43,95,.22), 0 4px 16px rgba(16,43,95,.12);
|
||||
border: 1px solid #dae6ff;
|
||||
padding: 0;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
transform: translateY(6px) scale(.97);
|
||||
transition: opacity .18s ease, transform .18s ease;
|
||||
overflow: hidden;
|
||||
}
|
||||
.vendor-tooltip.visible {
|
||||
opacity: 1;
|
||||
transform: translateY(0) scale(1);
|
||||
}
|
||||
.vtt-logo {
|
||||
width: 100%;
|
||||
height: 88px;
|
||||
background: #f5f8ff;
|
||||
border-bottom: 1px solid #e8f0ff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 12px 20px;
|
||||
}
|
||||
.vtt-logo img {
|
||||
max-width: 100%;
|
||||
max-height: 64px;
|
||||
object-fit: contain;
|
||||
}
|
||||
.vtt-logo-placeholder {
|
||||
font-size: 22px;
|
||||
font-weight: 800;
|
||||
color: #3978e0;
|
||||
letter-spacing: .5px;
|
||||
}
|
||||
.vtt-body {
|
||||
padding: 12px 14px 14px;
|
||||
}
|
||||
.vtt-name {
|
||||
font-size: 13px;
|
||||
font-weight: 800;
|
||||
color: #1a3e79;
|
||||
margin: 0 0 6px;
|
||||
}
|
||||
.vtt-desc {
|
||||
font-size: 12px;
|
||||
color: #4a5d7a;
|
||||
line-height: 1.55;
|
||||
margin: 0 0 10px;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 4;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
}
|
||||
.vtt-links {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.vtt-link {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
padding: 4px 9px;
|
||||
border-radius: 999px;
|
||||
text-decoration: none;
|
||||
transition: .15s ease;
|
||||
}
|
||||
.vtt-link.mont {
|
||||
background: linear-gradient(135deg, #1f4ea3, #3978e0);
|
||||
color: #fff;
|
||||
}
|
||||
.vtt-link.site {
|
||||
background: #eef4ff;
|
||||
color: #2a5aaa;
|
||||
border: 1px solid #d0e0ff;
|
||||
}
|
||||
.vtt-link:hover { opacity: .85; }
|
||||
|
||||
Reference in New Issue
Block a user