vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactored OrderList-PickList

pull/5677/head
Cagatay Civici 2024-04-20 16:08:10 +03:00
parent 9c90990092
commit d5f9011dc4
4 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/lib/orderlist/style/OrderListStyle.js
View File

@ -3,9 +3,9 @@ import BaseStyle from 'primevue/base/style';
const classes = { const classes = {
root: 'p-orderlist p-component', root: 'p-orderlist p-component',
controls: 'p-orderlist-controls', controls: 'p-orderlist-controls',
container: 'p-orderlist-list-container', container: 'p-orderlist-list-container', //TODO: Remove
list: 'p-orderlist-list', list: 'p-orderlist-list', //TODO: Remove
item: 'p-orderlist-item' item: 'p-orderlist-item' //TODO: Remove
}; };
export default BaseStyle.extend({ export default BaseStyle.extend({

2
components/lib/picklist/PickList.vue
View File

@ -570,7 +570,7 @@ export default {
flex-direction: column; flex-direction: column;
} }
.p-picklist[${this.attributeSelector}] .p-picklist-buttons { .p-picklist[${this.attributeSelector}] .p-picklist-controls {
flex-direction: row; flex-direction: row;
} }
} }

16
components/lib/picklist/style/PickListStyle.js
View File

@ -2,14 +2,14 @@ import BaseStyle from 'primevue/base/style';
const classes = { const classes = {
root: 'p-picklist p-component', root: 'p-picklist p-component',
sourceControls: 'p-picklist-buttons p-picklist-source-controls', sourceControls: 'p-picklist-controls p-picklist-source-controls',
sourceWrapper: 'p-picklist-list-wrapper p-picklist-source-wrapper', sourceWrapper: 'p-picklist-list-container p-picklist-source-list-container',
sourceList: 'p-picklist-list p-picklist-source-list', sourceList: 'p-picklist-list p-picklist-source-list', //TODO: Remove
buttons: 'p-picklist-buttons p-picklist-transfer-buttons', buttons: 'p-picklist-controls p-picklist-transfer-controls',
targetWrapper: 'p-picklist-list-wrapper p-picklist-target-wrapper', targetWrapper: 'p-picklist-list-container p-picklist-target-list-container',
targetList: 'p-picklist-list p-picklist-target', targetList: 'p-picklist-list p-picklist-target', //TODO: Remove
item: 'p-picklist-item', item: 'p-picklist-item', //TODO: Remove
targetControls: 'p-picklist-buttons p-picklist-target-controls' targetControls: 'p-picklist-controls p-picklist-target-controls'
}; };
export default BaseStyle.extend({ export default BaseStyle.extend({

4
components/lib/themes/primeone/base/picklist/index.js
View File

@ -5,14 +5,14 @@ export default {
gap: 1.125rem; gap: 1.125rem;
} }
.p-picklist-buttons { .p-picklist-controls {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
gap: 0.5rem; gap: 0.5rem;
} }
.p-picklist-list-wrapper { .p-picklist-list-container {
flex: 1 1 50%; flex: 1 1 50%;
} }