mirror of
https://github.com/hashicorp/vault.git
synced 2025-11-12 06:11:10 +01:00
7f03393630
* fix button padding * rename spacing variables using numerical values * fix toggle aligment * remove unused toggle classes * replace margin and padding with spacing vars * increase base font size * remove switch css, use toggle consistently * remaining margin/padding size vars to spacing pixels * add deprecated note, rever changes to size vars * decrease console size * remove function * adjust card size for small selectable cards * fix select to fit to content width * fix toolbar-scroller height * add changelog; * fix checkbox styling
73 lines
1.8 KiB
SCSS
73 lines
1.8 KiB
SCSS
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
.tool-tip {
|
|
font-size: $size-7;
|
|
text-transform: none;
|
|
margin: 8px 0px 0 -4px;
|
|
|
|
.box {
|
|
position: relative;
|
|
color: $white;
|
|
max-width: 200px;
|
|
background: $grey;
|
|
padding: 0.5rem;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.fit-content {
|
|
max-width: fit-content;
|
|
}
|
|
|
|
@include css-top-arrow(8px, $grey, 1px, $grey-dark, 20px);
|
|
&.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-in {
|
|
animation: drop-fade-above 0.15s;
|
|
}
|
|
&.ember-basic-dropdown-content--below.ember-basic-dropdown--transitioning-out {
|
|
animation: drop-fade-above 0.15s reverse;
|
|
}
|
|
&.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-in {
|
|
animation: drop-fade-below 0.15s;
|
|
}
|
|
&.ember-basic-dropdown-content--above.ember-basic-dropdown--transitioning-out {
|
|
animation: drop-fade-below 0.15s reverse;
|
|
}
|
|
&.smaller-font {
|
|
font-size: $size-8;
|
|
}
|
|
}
|
|
|
|
.ember-basic-dropdown-content--left.tool-tip {
|
|
margin: 8px 0 0 -2px;
|
|
|
|
&::before,
|
|
&::after {
|
|
right: auto;
|
|
left: $spacing-12;
|
|
}
|
|
}
|
|
.ember-basic-dropdown-content--right.tool-tip {
|
|
margin: 8px -11px;
|
|
}
|
|
|
|
.ember-basic-dropdown-content--below.ember-basic-dropdown-content--left.tool-tip {
|
|
@include css-top-arrow(8px, $grey, 1px, $grey-dark, calc(100% - 20px));
|
|
}
|
|
.ember-basic-dropdown-content--below.ember-basic-dropdown-content--right.tool-tip {
|
|
@include css-top-arrow(8px, $grey, 1px, $grey-dark, calc(100% - 20px));
|
|
}
|
|
.ember-basic-dropdown-content--above.tool-tip {
|
|
@include css-bottom-arrow(8px, $grey, 1px, $grey-dark);
|
|
margin-top: -8px;
|
|
}
|
|
.ember-basic-dropdown-content--above.ember-basic-dropdown-content--right.tool-tip {
|
|
@include css-bottom-arrow(8px, $grey, 1px, $grey-dark, calc(100% - 20px));
|
|
}
|
|
|
|
.b-checkbox .tool-tip-trigger {
|
|
position: relative;
|
|
top: -3px;
|
|
}
|