traxxx-web/assets/css/tooltip.css

201 lines
4.6 KiB
CSS
Raw Normal View History

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