External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(post): add tooltips for title and display names that are too long

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-06-27 11:03:58 +02:00
parent 890419dfc3
commit 505aed4c24
7 changed files with 100 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
-28
View File
@@ -34,34 +34,6 @@ hr {
text-transform: capitalize;
}
.tooltip {
position: absolute;
background-color: #181f24;
font-size: 11px;
line-height: 13px;
padding: 3px 6px;
z-index: 100000;
word-wrap: break-word;
white-space: pre-line;
max-width: 400px;
color: #fff;
text-align: center;
}
.tooltip::before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #181f24;
margin-left: -4px;
bottom: -4px;
left: 50%;
}
@media (max-width: 640px) {
.button {
font-size: var(--button-font-size-mobile);