2023-03-15 16:00:52 +00:00
|
|
|
/**
|
|
|
|
* Copyright (c) HashiCorp, Inc.
|
|
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
|
|
*/
|
|
|
|
|
2018-04-03 14:16:57 +00:00
|
|
|
.tool-tip {
|
|
|
|
font-size: $size-7;
|
|
|
|
text-transform: none;
|
|
|
|
margin: 8px 0px 0 -4px;
|
2021-11-04 23:57:08 +00:00
|
|
|
|
2018-04-03 14:16:57 +00:00
|
|
|
.box {
|
|
|
|
position: relative;
|
|
|
|
color: $white;
|
2018-05-25 20:33:22 +00:00
|
|
|
max-width: 200px;
|
2018-04-03 14:16:57 +00:00
|
|
|
background: $grey;
|
|
|
|
padding: 0.5rem;
|
|
|
|
line-height: 1.4;
|
|
|
|
}
|
2021-11-04 23:57:08 +00:00
|
|
|
|
|
|
|
.fit-content {
|
|
|
|
max-width: fit-content;
|
|
|
|
}
|
|
|
|
|
2018-04-03 14:16:57 +00:00
|
|
|
@include css-top-arrow(8px, $grey, 1px, $grey-dark, 20px);
|
|
|
|
&.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
|
2018-09-28 21:45:30 +00:00
|
|
|
animation: drop-fade-above 0.15s;
|
2018-04-03 14:16:57 +00:00
|
|
|
}
|
|
|
|
&.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
|
2018-09-28 21:45:30 +00:00
|
|
|
animation: drop-fade-above 0.15s reverse;
|
2018-04-03 14:16:57 +00:00
|
|
|
}
|
|
|
|
&.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-in {
|
2018-09-28 21:45:30 +00:00
|
|
|
animation: drop-fade-below 0.15s;
|
2018-04-03 14:16:57 +00:00
|
|
|
}
|
|
|
|
&.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-out {
|
2018-09-28 21:45:30 +00:00
|
|
|
animation: drop-fade-below 0.15s reverse;
|
2018-04-03 14:16:57 +00:00
|
|
|
}
|
2021-09-28 19:15:43 +00:00
|
|
|
&.smaller-font {
|
|
|
|
font-size: $size-8;
|
|
|
|
}
|
2018-04-03 14:16:57 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ember-basic-dropdown-content--left.tool-tip {
|
2018-10-21 19:19:34 +00:00
|
|
|
margin: 8px 0 0 -2px;
|
|
|
|
|
|
|
|
&::before,
|
|
|
|
&::after {
|
|
|
|
right: auto;
|
|
|
|
left: $spacing-s;
|
|
|
|
}
|
2018-04-03 14:16:57 +00:00
|
|
|
}
|
2018-09-28 21:45:30 +00:00
|
|
|
.ember-basic-dropdown-content--right.tool-tip {
|
|
|
|
margin: 8px -11px;
|
|
|
|
}
|
2018-05-25 20:33:22 +00:00
|
|
|
|
2018-09-28 21:45:30 +00:00
|
|
|
.ember-basic-dropdown-content--below.ember-basic-dropdown-content--left.tool-tip {
|
|
|
|
@include css-top-arrow(8px, $grey, 1px, $grey-dark, calc(100% - 20px));
|
|
|
|
}
|
2018-05-25 20:33:22 +00:00
|
|
|
.ember-basic-dropdown-content--below.ember-basic-dropdown-content--right.tool-tip {
|
|
|
|
@include css-top-arrow(8px, $grey, 1px, $grey-dark, calc(100% - 20px));
|
|
|
|
}
|
2020-08-26 16:31:18 +00:00
|
|
|
.ember-basic-dropdown-content--above.tool-tip {
|
|
|
|
@include css-bottom-arrow(8px, $grey, 1px, $grey-dark);
|
|
|
|
margin-top: -8px;
|
|
|
|
}
|
2018-05-25 20:33:22 +00:00
|
|
|
.ember-basic-dropdown-content--above.ember-basic-dropdown-content--right.tool-tip {
|
|
|
|
@include css-bottom-arrow(8px, $grey, 1px, $grey-dark, calc(100% - 20px));
|
|
|
|
}
|
2018-04-03 14:16:57 +00:00
|
|
|
|
|
|
|
.b-checkbox .tool-tip-trigger {
|
|
|
|
position: relative;
|
|
|
|
top: -3px;
|
|
|
|
}
|