traxxx-web/assets/css/tooltip.css

206 lines
4.7 KiB
CSS

/* Content */
.v-popper__popper {
z-index: 10000;
top: 0;
left: 0;
outline: none;
max-width: 100%;
}
.v-popper__wrapper {
margin: 0 .25rem .25rem .25rem; /* arrow provides top clearance */
}
.v-popper__popper.v-popper__popper--hidden {
visibility: hidden;
opacity: 0;
transition: opacity .15s, visibility .15s;
pointer-events: none;
}
.v-popper__popper.v-popper__popper--shown {
visibility: visible;
opacity: 1;
transition: opacity .15s;
}
.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition > .v-popper__wrapper {
transition: none !important;
}
.v-popper__backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
.v-popper__inner {
position: relative;
box-sizing: border-box;
overflow-y: auto;
}
.v-popper__inner > div {
position: relative;
z-index: 1;
max-width: inherit;
max-height: inherit;
}
.v-popper__arrow-container {
position: absolute;
width: 10px;
height: 10px;
}
.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
display: none;
}
.v-popper__arrow-inner,
.v-popper__arrow-outer {
border-style: solid;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
}
.v-popper__arrow-inner {
visibility: hidden;
border-width: 7px;
}
.v-popper__arrow-outer {
border-width: 6px;
}
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-inner {
left: -2px;
}
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-outer {
left: -1px;
}
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-outer {
border-bottom-width: 0;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-inner {
top: -2px;
}
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-container {
top: 0;
}
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-outer {
border-top-width: 0;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
}
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-inner {
top: -4px;
}
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-outer {
top: -6px;
}
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-inner {
top: -2px;
}
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-outer {
top: -1px;
}
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-outer {
border-left-width: 0;
border-left-color: transparent !important;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
}
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-inner {
left: -4px;
}
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-outer {
left: -6px;
}
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-container {
right: -10px;
}
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-outer {
border-right-width: 0;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
}
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-inner {
left: -2px;
}
/* Tooltip */
.v-popper--theme-tooltip .v-popper__inner {
background: rgba(0, 0, 0, .8);
color: white;
border-radius: 6px;
padding: 7px 12px 6px;
}
.v-popper--theme-tooltip .v-popper__arrow-outer {
border-color: rgba(0, 0, 0, .8);
}
/* Dropdown */
.v-popper--theme-dropdown .v-popper__inner {
background: var(--background);
color: var(--text);
border-radius: 6px;
border: solid 1px var(--glass-weak-40);
box-shadow: 0 6px 30px rgba(0, 0, 0, .1);
}
.v-popper--theme-dropdown .v-popper__arrow-inner {
visibility: visible;
border-color: var(--background);
}
.v-popper--theme-dropdown .v-popper__arrow-outer {
border-color: var(--glass-weak-40);
}
.resize-observer {
width: 0;
height: 0;
overflow: hidden;
}