traxxx-web/assets/css/tooltip.css

217 lines
4.7 KiB
CSS

.resize-observer[data-v-b329ee4c] {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
border: none;
background-color: transparent;
pointer-events: none;
display: block;
overflow: hidden;
opacity: 0
}
.resize-observer[data-v-b329ee4c] object {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
pointer-events: none;
z-index: -1
}
.v-popper__popper {
z-index: 10000;
top: 0;
left: 0;
outline: none;
max-height: 100%;
}
.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
}
.v-popper--theme-dropdown .v-popper__inner {
background: #fff;
color: #000;
border-radius: 6px;
border: 1px solid #ddd;
box-shadow: 0 6px 30px #0000001a
}
.v-popper--theme-dropdown .v-popper__arrow-inner {
visibility: visible;
border-color: #fff
}
.v-popper--theme-dropdown .v-popper__arrow-outer {
border-color: #ddd
}
.v-popper--theme-tooltip .v-popper__inner {
background: rgba(0, 0, 0, .8);
color: #fff;
border-radius: 6px;
padding: 7px 12px 6px
}
.v-popper--theme-tooltip .v-popper__arrow-outer {
border-color: #000c
}