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

Revert "Moved tooltip to right for better readability"

Browse Source 
This reverts commit 53bb83faca.
This commit is contained in:
db-2001 2023-11-01 19:58:38 -04:00
parent 53bb83faca
commit 54731e74e3
2 changed files with 12 additions and 14 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: absolute;
/*Position*/ /*Position*/
left: 150% ; left: -50px ;
bottom: -50%; bottom: 150%;
z-index: 3; z-index: 3;
/*Text Properties*/ /*Text Properties*/
@ -279,7 +279,6 @@ status-tooltip {
color:white; color:white;
text-align: center; text-align: center;
padding: 5px 5px; padding: 5px 5px;
vertical-align: middle;
/*Size*/ /*Size*/
width:100px; width:100px;
@ -290,12 +289,12 @@ status-tooltip {
status-tooltip::after { status-tooltip::after {
content: " "; content: " ";
position: absolute; position: absolute;
top: 50%; top: 100%; /* At the bottom of the tooltip */
right: 100%; /* To the left of the tooltip */ left: 50%;
margin-top: -5px; margin-left: -5px;
border-width: 5px; border-width: 5px;
border-style: solid; border-style: solid;
border-color: transparent black transparent transparent; border-color: black transparent transparent transparent;
} }
publication img { publication img {

13
Website/styles/style_mangahover.css
View File

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