Removed unused css from picklist orderlist
parent
a4dcc91769
commit
dc32bea56d
|
@ -271,14 +271,6 @@ export default {
|
||||||
.p-orderlist[${this.attributeSelector}] .p-orderlist-controls {
|
.p-orderlist[${this.attributeSelector}] .p-orderlist-controls {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-orderlist[${this.attributeSelector}] .p-orderlist-controls .p-button:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
@ -573,14 +573,6 @@ export default {
|
||||||
.p-picklist[${this.attributeSelector}] .p-picklist-buttons {
|
.p-picklist[${this.attributeSelector}] .p-picklist-buttons {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-picklist[${this.attributeSelector}] .p-picklist-buttons .p-button {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-picklist[${this.attributeSelector}] .p-picklist-buttons .p-button:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
@ -11,72 +11,5 @@ export default {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-orderlist-list-container {
|
|
||||||
flex: 1 1 auto;
|
|
||||||
background: ${dt('orderlist.list.background')};
|
|
||||||
border: 1px solid ${dt('orderlist.list.border.color')};
|
|
||||||
border-radius: ${dt('rounded.base')};
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-orderlist .p-orderlist-header {
|
|
||||||
color: ${dt('orderlist.header.color')};
|
|
||||||
border: 0 none;
|
|
||||||
padding: 0.75rem 1rem 0.5rem 1rem;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-orderlist-list {
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
overflow: auto;
|
|
||||||
min-height: 12rem;
|
|
||||||
max-height: 24rem;
|
|
||||||
padding: 0.25rem 0.25rem;
|
|
||||||
outline: 0 none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-orderlist-item {
|
|
||||||
cursor: pointer;
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
padding: 0.5rem 0.75rem;
|
|
||||||
margin: 2px 0;
|
|
||||||
border-radius: ${dt('rounded.base')};
|
|
||||||
border: 0 none;
|
|
||||||
color: ${dt('orderlist.item.color')};
|
|
||||||
background: ${dt('orderlist.item.background')};
|
|
||||||
outline-color: transparent;
|
|
||||||
transition: transform ${dt('transition.duration')}, background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-orderlist-item:first-child {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-orderlist-item:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-orderlist-item:not(.p-highlight):hover {
|
|
||||||
color: ${dt('orderlist.item.focus.color')};
|
|
||||||
background: ${dt('orderlist.item.focus.background')};
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-orderlist-item.p-focus {
|
|
||||||
color: ${dt('orderlist.item.focus.color')};
|
|
||||||
background: ${dt('orderlist.item.focus.background')};
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-orderlist-item.p-highlight {
|
|
||||||
color: ${dt('highlight.color')};
|
|
||||||
background: ${dt('highlight.background')};
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-orderlist-item.p-highlight.p-focus {
|
|
||||||
color: ${dt('highlight.focus.color')};
|
|
||||||
background: ${dt('highlight.focus.background')};
|
|
||||||
}
|
|
||||||
`
|
`
|
||||||
};
|
};
|
||||||
|
|
|
@ -14,69 +14,6 @@ export default {
|
||||||
|
|
||||||
.p-picklist-list-wrapper {
|
.p-picklist-list-wrapper {
|
||||||
flex: 1 1 50%;
|
flex: 1 1 50%;
|
||||||
background: ${dt('picklist.list.background')};
|
|
||||||
border: 1px solid ${dt('picklist.list.border.color')};
|
|
||||||
border-radius: ${dt('rounded.base')};
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-picklist .p-picklist-header {
|
|
||||||
color: ${dt('picklist.header.color')};
|
|
||||||
border: 0 none;
|
|
||||||
padding: 0.75rem 1rem 0.5rem 1rem;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-picklist-list {
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
overflow: auto;
|
|
||||||
min-height: 12rem;
|
|
||||||
max-height: 24rem;
|
|
||||||
padding: 0.25rem 0.25rem;
|
|
||||||
outline: 0 none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-picklist-item {
|
|
||||||
cursor: pointer;
|
|
||||||
overflow: hidden;
|
|
||||||
position: relative;
|
|
||||||
padding: 0.5rem 0.75rem;
|
|
||||||
margin: 2px 0;
|
|
||||||
border-radius: ${dt('rounded.base')};
|
|
||||||
border: 0 none;
|
|
||||||
color: ${dt('picklist.item.color')};
|
|
||||||
background: ${dt('picklist.item.background')};
|
|
||||||
outline-color: transparent;
|
|
||||||
transition: transform ${dt('transition.duration')}, background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-picklist-item:first-child {
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-picklist-item:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-picklist-item:not(.p-highlight):hover {
|
|
||||||
color: ${dt('picklist.item.focus.color')};
|
|
||||||
background: ${dt('picklist.item.focus.background')};
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-picklist-item.p-focus {
|
|
||||||
color: ${dt('picklist.item.focus.color')};
|
|
||||||
background: ${dt('picklist.item.focus.background')};
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-picklist-item.p-highlight {
|
|
||||||
color: ${dt('highlight.color')};
|
|
||||||
background: ${dt('highlight.background')};
|
|
||||||
}
|
|
||||||
|
|
||||||
.p-picklist-item.p-highlight.p-focus {
|
|
||||||
color: ${dt('highlight.focus.color')};
|
|
||||||
background: ${dt('highlight.focus.background')};
|
|
||||||
}
|
}
|
||||||
`
|
`
|
||||||
};
|
};
|
||||||
|
|
|
@ -1,34 +1 @@
|
||||||
export default {
|
export default {};
|
||||||
colorScheme: {
|
|
||||||
light: {
|
|
||||||
list: {
|
|
||||||
background: '{surface.0}',
|
|
||||||
borderColor: '{surface.200}'
|
|
||||||
},
|
|
||||||
header: {
|
|
||||||
color: '{surface.500}'
|
|
||||||
},
|
|
||||||
item: {
|
|
||||||
background: 'transparent',
|
|
||||||
focusBackground: '{surface.100}',
|
|
||||||
color: '{surface.700}',
|
|
||||||
focusColor: '{surface.800}'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dark: {
|
|
||||||
list: {
|
|
||||||
background: '{surface.900}',
|
|
||||||
borderColor: '{surface.700}'
|
|
||||||
},
|
|
||||||
header: {
|
|
||||||
color: '{surface.400}'
|
|
||||||
},
|
|
||||||
item: {
|
|
||||||
background: 'transparent',
|
|
||||||
focusBackground: '{surface.800}',
|
|
||||||
color: '{surface.0}',
|
|
||||||
focusColor: '{surface.0}'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
|
@ -1,34 +1 @@
|
||||||
export default {
|
export default {};
|
||||||
colorScheme: {
|
|
||||||
light: {
|
|
||||||
list: {
|
|
||||||
background: '{surface.0}',
|
|
||||||
borderColor: '{surface.200}'
|
|
||||||
},
|
|
||||||
header: {
|
|
||||||
color: '{surface.500}'
|
|
||||||
},
|
|
||||||
item: {
|
|
||||||
background: 'transparent',
|
|
||||||
focusBackground: '{surface.100}',
|
|
||||||
color: '{surface.700}',
|
|
||||||
focusColor: '{surface.800}'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dark: {
|
|
||||||
list: {
|
|
||||||
background: '{surface.900}',
|
|
||||||
borderColor: '{surface.700}'
|
|
||||||
},
|
|
||||||
header: {
|
|
||||||
color: '{surface.400}'
|
|
||||||
},
|
|
||||||
item: {
|
|
||||||
background: 'transparent',
|
|
||||||
focusBackground: '{surface.800}',
|
|
||||||
color: '{surface.0}',
|
|
||||||
focusColor: '{surface.0}'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
Loading…
Reference in New Issue