forked from public/foundryvtt-reve-de-dragon
Correction de tooltips (v13)
Sur les ajustements, les tooltips sont visibles
This commit is contained in:
@@ -80,5 +80,5 @@
|
||||
.sheet header.sheet-header .header-compteurs,
|
||||
.sheet header.sheet-header .flex-group-center.flex-fatigue,
|
||||
select, .item-checkbox, #sidebar, #players, #navigation #nav-toggle {
|
||||
font-family: "CaslonAntique"; /* For sheet parts; For nav and title */
|
||||
font-family: "CaslonAntique"; /* For sheet parts; For nav and title */
|
||||
}
|
||||
|
||||
@@ -15,8 +15,9 @@
|
||||
background: rgba(0,0,0,0.75);
|
||||
}
|
||||
|
||||
.application .window-content,
|
||||
.window-app.sheet .window-content {
|
||||
margin: 0;
|
||||
margin: 0.2rem;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -217,7 +218,6 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
.grid-competence-archetype {
|
||||
display: grid;
|
||||
grid-column: span 3 / span 3;
|
||||
@@ -641,6 +641,7 @@
|
||||
font-size: 1rem;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.app.sheet div.form-group {
|
||||
clear: both;
|
||||
display: flex;
|
||||
@@ -808,6 +809,7 @@
|
||||
font-size: 0.8rem;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.placeholder-ajustements {
|
||||
flex-direction: column;
|
||||
}
|
||||
@@ -820,7 +822,7 @@
|
||||
background-color: lightblue;
|
||||
}
|
||||
|
||||
div.placeholder-resolution span.table-proba-reussite{
|
||||
span.table-proba-reussite{
|
||||
font-size: 0.8rem;
|
||||
padding: 5px;
|
||||
}
|
||||
@@ -1017,7 +1019,7 @@
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
.window-app.sheet .window-content .tooltip:hover .tooltiptext {
|
||||
.window-app.sheet .window-content :is(.tooltip, .tooltip-overflow):hover .tooltiptext {
|
||||
top: 2rem;
|
||||
left: 2rem;
|
||||
margin: 0;
|
||||
@@ -1504,6 +1506,14 @@
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
.actor-img-small {
|
||||
max-width: 1.5rem;
|
||||
max-height: 1.5rem;
|
||||
flex-grow: 0;
|
||||
margin-right: 0.2rem;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
#sidebar-tabs {
|
||||
flex: 0 0 28px;
|
||||
box-sizing: border-box;
|
||||
@@ -1853,66 +1863,78 @@
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tooltip-overflow {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tooltip-dotted {
|
||||
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
|
||||
}
|
||||
|
||||
/* Tooltip text */
|
||||
.tooltip .tooltiptext {
|
||||
text-align: center;
|
||||
/* Position the tooltip text */
|
||||
div.message-content span .tooltip-overflow {
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
/* Fade in tooltip */
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
span {
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip .left-competence {
|
||||
transform: translate(-100%, 0%);
|
||||
/* Show the tooltip text when you mouse over the tooltip container */
|
||||
:is(.tooltip, .tooltip-overflow):hover {
|
||||
.tooltiptext {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/* html Tooltips html*/
|
||||
:is(.tooltip, .tooltip-overflow){
|
||||
|
||||
.tooltiptext {
|
||||
text-align: center;
|
||||
/* Position the tooltip text */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
/* Fade in tooltip */
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
.tooltip .ttt-fatigue{
|
||||
width: 360px;
|
||||
.ttt-fatigue {
|
||||
width: 360px;
|
||||
|
||||
background: rgba(30, 25, 20, 0.9);
|
||||
border-image: url(../assets/ui/bg_control.webp) 21 repeat;
|
||||
border-image-slice: 6 6 6 6 fill;
|
||||
border-image-width: 6px 6px 6px 6px;
|
||||
border-image-outset: 0px 0px 0px 0px;
|
||||
border-radius: 0px;
|
||||
background: rgba(30, 25, 20, 0.9);
|
||||
border-image: url(../assets/ui/bg_control.webp) 21 repeat;
|
||||
border-image-slice: 6 6 6 6 fill;
|
||||
border-image-width: 6px 6px 6px 6px;
|
||||
border-image-outset: 0px 0px 0px 0px;
|
||||
border-radius: 0px;
|
||||
|
||||
font-size: 0.8rem;
|
||||
padding: 3px 0;
|
||||
}
|
||||
font-size: 0.8rem;
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
.tooltip .ttt-ajustements {
|
||||
width: 150px;
|
||||
background: var(--background-tooltip);
|
||||
border-radius: 6px;
|
||||
font-size: 0.9rem;
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
.tooltip .ttt-titre {
|
||||
text-align: justify;
|
||||
width: 100%;
|
||||
top: 30px;
|
||||
background: var(--background-tooltip);
|
||||
border-radius: 6px;
|
||||
font-size: 0.9rem;
|
||||
padding: 3px;
|
||||
.ttt-ajustements {
|
||||
width: 10rem;
|
||||
background: var(--background-tooltip);
|
||||
border-radius: 6px;
|
||||
font-size: 0.9rem;
|
||||
padding: 3px 0;
|
||||
div:nth-child(odd) {
|
||||
background: var(--background-tooltip-alt);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
aside#tooltip {
|
||||
max-width: 15rem;
|
||||
background: var(--background-tooltip);
|
||||
/*color: var(--color-text-dark-primary);*/
|
||||
color: rgba(100, 100, 50, 0.85);
|
||||
font-size: 1rem;
|
||||
font-size: 0.9rem;
|
||||
border-radius: 0.2rem;
|
||||
padding: 0.4rem;
|
||||
padding: 0.3rem;
|
||||
font-family: "CaslonAntique";
|
||||
}
|
||||
|
||||
aside#tooltip span.reference {
|
||||
@@ -1924,19 +1946,6 @@
|
||||
color: var(--color-tooltip-faint);
|
||||
}
|
||||
|
||||
.tooltip :is(.ttt-xp,.ttt-levelup) {
|
||||
width: 250px;
|
||||
background: var(--background-tooltip) !important;
|
||||
border-radius: 6px;
|
||||
font-size: 0.9rem;
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
/* Show the tooltip text when you mouse over the tooltip container */
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.chat-card-button, .chat-card-button-pushed {
|
||||
border-radius: 0.2rem;
|
||||
|
||||
Reference in New Issue
Block a user