living-together/source/Input/ComboInput/ComboInput.scss

38 lines
858 B
SCSS

@import "../../Component/Theme/Theme.scss";
$line-min-height: 24px;
div.combo-input {
div.value-view {
width: 100%;
height: 100%;
min-height: $line-min-height;
max-width: calc( 100% - 32px );
display: flex;
align-items: center;
padding-left: 8px;
white-space: nowrap;
word-break: keep-all;
text-overflow: ellipsis;
overflow: hidden;
span {
word-break: keep-all;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
max-width: 100%;
}
}
div.list-button {
width: $line-min-height;
height: $line-min-height;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
}
}