2023-10-02 10:46:09 +00:00
|
|
|
import BaseStyle from 'primevue/base/style';
|
|
|
|
|
2024-05-01 08:26:48 +00:00
|
|
|
const theme = ({ dt }) => `
|
|
|
|
.p-picklist {
|
|
|
|
display: flex;
|
2024-05-11 23:08:10 +00:00
|
|
|
gap: ${dt('picklist.gap')};
|
2024-05-01 08:26:48 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.p-picklist-controls {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
2024-05-11 23:08:10 +00:00
|
|
|
gap: ${dt('picklist.controls.gap')};
|
2024-05-01 08:26:48 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.p-picklist-list-container {
|
|
|
|
flex: 1 1 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.p-picklist .p-listbox {
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
`;
|
|
|
|
|
2023-10-02 10:46:09 +00:00
|
|
|
const classes = {
|
2024-03-22 08:57:54 +00:00
|
|
|
root: 'p-picklist p-component',
|
2024-04-20 13:08:10 +00:00
|
|
|
sourceControls: 'p-picklist-controls p-picklist-source-controls',
|
2024-05-02 06:27:51 +00:00
|
|
|
sourceListContainer: 'p-picklist-list-container p-picklist-source-list-container',
|
|
|
|
transferControls: 'p-picklist-controls p-picklist-transfer-controls',
|
|
|
|
targetListContainer: 'p-picklist-list-container p-picklist-target-list-container',
|
2024-04-20 13:08:10 +00:00
|
|
|
targetControls: 'p-picklist-controls p-picklist-target-controls'
|
2023-10-02 10:46:09 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export default BaseStyle.extend({
|
|
|
|
name: 'picklist',
|
2024-05-01 08:26:48 +00:00
|
|
|
theme,
|
2023-10-02 10:46:09 +00:00
|
|
|
classes
|
|
|
|
});
|