glax/Tranga-Website
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Moved tooltip to right for better readability

Browse Source
This commit is contained in:
db-2001 2023-11-01 19:47:21 -04:00
parent b03918ab5c
commit 53bb83faca
2 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
Website/styles/style_default.css
View File

@ -269,8 +269,8 @@ status-tooltip {
position: absolute;
/*Position*/
left: -50px ;
bottom: 150%;
left: 150% ;
bottom: -50%;
z-index: 3;
/*Text Properties*/
@ -279,6 +279,7 @@ status-tooltip {
color:white;
text-align: center;
padding: 5px 5px;
vertical-align: middle;
/*Size*/
width:100px;
@ -289,12 +290,12 @@ status-tooltip {
status-tooltip::after {
content: " ";
position: absolute;
top: 100%; /* At the bottom of the tooltip */
left: 50%;
margin-left: -5px;
top: 50%;
right: 100%; /* To the left of the tooltip */
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
border-color: transparent black transparent transparent;
}
publication img {

13
Website/styles/style_mangahover.css
View File

@ -270,8 +270,8 @@ status-tooltip {
position: absolute;
/*Position*/
left: -50px ;
bottom: 150%;
left: 150% ;
bottom: -50%;
z-index: 3;
/*Text Properties*/
@ -280,6 +280,7 @@ status-tooltip {
color:white;
text-align: center;
padding: 5px 5px;
vertical-align: middle;
/*Size*/
width:100px;
@ -290,12 +291,12 @@ status-tooltip {
status-tooltip::after {
content: " ";
position: absolute;
top: 100%; /* At the bottom of the tooltip */
left: 50%;
margin-left: -5px;
top: 50%;
right: 100%; /* To the left of the tooltip */
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
border-color: transparent black transparent transparent;
}