1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
lens/src/renderer/components/badge/badge.module.scss
Sebastian Malton bd3f123aef
Fix Badges being too small when scrollable and not expandable (#5987)
Signed-off-by: Sebastian Malton <sebastian@malton.name>
2022-08-10 05:46:41 -07:00

51 lines
830 B
SCSS

/**
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
.badge {
position: relative;
display: inline-block;
max-width: 100%;
}
// might be used in a scrollable area with {overflow: auto}
.badge.scrollable {
max-width: unset;
&:not(.isExpanded) {
white-space: unset;
text-overflow: unset;
}
}
.badge.interactive:hover {
background-color: var(--mainBackground);
cursor: pointer;
}
.badge:not(.scrollable):not(.isExpanded) {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.badge:not(.flat) {
background: var(--colorVague);
border-radius: 3px;
padding: .2em .4em;
}
.small {
font-size: var(--font-size-small);
}
.clickable {
cursor: pointer;
}
.disabled {
opacity: 0.5;
}