Fixed #5214 - Move core alignment styles to theme files

This commit is contained in:
mertsincan 2024-02-05 10:44:41 +00:00
parent e1825987c0
commit 60f08422e6
80 changed files with 0 additions and 5062 deletions

View file

@ -1,60 +1,5 @@
import BaseStyle from 'primevue/base/style';
const css = `
@layer primevue {
.p-treeselect {
display: inline-flex;
cursor: pointer;
user-select: none;
}
.p-treeselect-trigger {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.p-treeselect-label-container {
overflow: hidden;
flex: 1 1 auto;
cursor: pointer;
}
.p-treeselect-label {
display: block;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
}
.p-treeselect-label-empty {
overflow: hidden;
visibility: hidden;
}
.p-treeselect-token {
cursor: default;
display: inline-flex;
align-items: center;
flex: 0 0 auto;
}
.p-treeselect .p-treeselect-panel {
min-width: 100%;
}
.p-treeselect-items-wrapper {
overflow: auto;
}
.p-fluid .p-treeselect {
display: flex;
}
}
`;
const inlineStyles = {
root: ({ props }) => ({ position: props.appendTo === 'self' ? 'relative' : undefined })
};
@ -96,7 +41,6 @@ const classes = {
export default BaseStyle.extend({
name: 'treeselect',
css,
classes,
inlineStyles
});