@openui5/sap.m
Version:
OpenUI5 UI Library sap.m
55 lines (45 loc) • 1.57 kB
text/less
/* ========================================== */
/* CSS for control sap.m/p13n.SelectionPanel */
/* Base theme */
/* ========================================== */
/* Display ':' for Labels in the 'list' view */
.sapMSelectionPanel.sapUiMDCAFLabelMarkingList tbody .sapMLabel > .sapMLabelColonAndRequired::before {
content: attr(data-colon);
}
/* Display checkbox at the top for items in the ListView */
.sapMSelectionPanel tbody .sapMListTblSelCol {
vertical-align: top;
}
/* Remove padding for items in list view */
.sapMSelectionPanel.SelectionPanelHover .sapMListTblCell {
padding-top: 0;
padding-bottom: 0;
}
.sapMSelectionPanel .sapMPanelContent li {
align-items: start; /* Checkbox should not be centered */
display: flex; /* Is the default for Lists - only needs to be set as the parent is a Table */
}
/* Align inner rows with the outer controls */
.sapMSelectionPanel table {
tr > td {
padding-left: 0.5rem;
}
}
/* 'Select All' should also be aligned correctly with the other controls in the panel */
.sapMSelectionPanel .sapMTableTH {
padding-left: 0.5rem;
}
/* filters popover should have correct margins */
.sapMSelectionPanelFiltersPopover {
// right margin is smaller due to margin of switch
margin: 1rem 0.5rem 1rem 1rem;
};
/* distance between two switch filtes should be correct */
.sapMSelectionPanelFiltersContainer:first-child {
margin-bottom: 0.375rem;
}
/* text should be centered vertically */
.sapMSelectionPanelFilters {
display: flex;
font-family: var(--sapFontFamily) ;
}