@pnp/spfx-property-controls
Version:
Reusable property pane controls for SharePoint Framework solutions
46 lines • 1.28 kB
CSS
/*
Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
*/
.propertyFieldOrder {
margin-bottom: 2px;
}
.propertyFieldOrder ul {
padding: 0.5px;
margin: 0;
overflow-y: auto;
}
.propertyFieldOrder .disabled li {
color: "[theme:neutralTertiary, default:#a6a6a6]";
}
.propertyFieldOrder li {
list-style: none;
background-color: "[theme:white, default:#ffffff]";
border: 0.5px solid;
border-color: "[theme:neutralLight, default:#eaeaea]";
outline: 0.5px solid;
outline-color: "[theme:neutralLight, default:#eaeaea]";
}
.enabled .propertyFieldOrder li :hover {
background-color: "[theme:neutralLighter, default:#f4f4f4]";
}
.propertyFieldOrder li > div {
padding: 3px 6px;
display: flex;
flex-direction: row;
}
.propertyFieldOrder .itemBox {
flex-grow: 1;
}
.propertyFieldOrder .dragEnter {
background-color: "[theme:neutralLight, default:#eaeaea]";
border-top: 2px dashed;
border-top-color: "[theme:themePrimary, default:#0078d7]";
}
.propertyFieldOrder .dragLast {
background-color: "[theme:neutralLight, default:#eaeaea]";
border-bottom: 2px dashed;
border-bottom-color: "[theme:themePrimary, default:#0078d7]";
}
.propertyFieldOrder .lastBox {
height: 8px;
}