mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
105 lines
2.6 KiB
SCSS
105 lines
2.6 KiB
SCSS
/**
|
|
* Copyright (c) 2021 OpenLens Authors
|
|
*
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy of
|
|
* this software and associated documentation files (the "Software"), to deal in
|
|
* the Software without restriction, including without limitation the rights to
|
|
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
|
* the Software, and to permit persons to whom the Software is furnished to do so,
|
|
* subject to the following conditions:
|
|
*
|
|
* The above copyright notice and this permission notice shall be included in all
|
|
* copies or substantial portions of the Software.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
|
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
|
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
|
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
*/
|
|
|
|
|
|
.Tooltip {
|
|
--bgc: var(--mainBackground);
|
|
--radius: #{$radius};
|
|
--color: var(--textColorAccent);
|
|
--border: 1px solid var(--borderColor);
|
|
|
|
// use positioning relative to viewport (window)
|
|
// https://developer.mozilla.org/en-US/docs/Web/CSS/position
|
|
position: fixed;
|
|
margin: 0 !important;
|
|
background: var(--bgc);
|
|
font-size: small;
|
|
font-weight: normal;
|
|
border-radius: var(--radius);
|
|
color: var(--color);
|
|
white-space: normal;
|
|
padding: .5em;
|
|
text-align: center;
|
|
pointer-events: none;
|
|
transition: opacity 150ms 150ms ease-in-out;
|
|
z-index: 100000;
|
|
opacity: 1;
|
|
box-shadow: 0 8px 16px rgba(0,0,0,0.24);
|
|
|
|
&.invisible {
|
|
left: 0;
|
|
top: 0;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
|
|
&.formatter {
|
|
&.nowrap {
|
|
&, * {
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
&.narrow {
|
|
max-width: 300px;
|
|
text-overflow: ellipsis;
|
|
word-wrap: break-word;
|
|
text-align: left;
|
|
}
|
|
|
|
&.small {
|
|
font-size: $font-size-small;
|
|
}
|
|
|
|
&.warning {
|
|
color: var(--colorError);
|
|
}
|
|
|
|
&.tableView {
|
|
min-width: 200px;
|
|
|
|
> :not(:last-child) {
|
|
margin-bottom: var(--flex-gap);
|
|
}
|
|
|
|
.title {
|
|
color: var(--textColorAccent);
|
|
text-align: center;
|
|
}
|
|
|
|
.name {
|
|
color: var(--textColorAccent);
|
|
text-align: right;
|
|
flex: 0 0 35%;
|
|
}
|
|
|
|
.value {
|
|
text-align: left;
|
|
max-width: 300px;
|
|
word-break: break-word;
|
|
}
|
|
}
|
|
}
|
|
} |