Подогнал тултип под стиль ВК

This commit is contained in:
2020-04-17 22:32:04 +03:00
parent 164dab2199
commit c1506634de

View File

@@ -1,16 +1,18 @@
.mute_message .mutetooltip { .mute_message .mutetooltip {
visibility: hidden; visibility: hidden;
width: 120px; width: auto;
background-color: #555; background-color: rgba(0, 0, 0, 0.7);
color: #fff; color: #fff;
text-align: center; text-align: center;
padding: 5px 0; font-size: 1em;
border-radius: 6px; padding: 4px 7px 5px;
line-height: 1.154;
border-radius: 3px;
/* Position the tooltip text */ /* Position the tooltip text */
position: absolute; position: absolute;
z-index: 1; z-index: 1;
bottom: 125%; bottom: 130%;
left: 50%; left: 50%;
margin-left: -60px; margin-left: -60px;
@@ -24,11 +26,11 @@
content: ""; content: "";
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 50%; left: 80%;
margin-left: -5px; margin-left: -5px;
border-width: 5px; border-width: 5px;
border-style: solid; border-style: solid;
border-color: #555 transparent transparent transparent; border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
} }
/* Show the tooltip text when you mouse over the tooltip container */ /* Show the tooltip text when you mouse over the tooltip container */