humainflow-web/src/app/shared/ordering/ordering.css

51 lines
737 B
CSS

:host {
display: block;
width: 100%;
}
:host {
display: block;
width: 100%;
}
.ordering-root {
width: 100%;
}
.ordering-field {
width: 100%;
}
.ordering-suffix {
display: flex;
align-items: center;
gap: 4px;
margin-left: 10px;
margin-right: 6px;
padding-left: 4px;
}
.ordering-dir-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: #64748b;
cursor: pointer;
transition: background-color 0.15s ease, color 0.15s ease;
}
.ordering-dir-btn:hover {
background: #eef2ff;
color: #1d4ed8;
}
.ordering-dir-btn-active {
background: #dbeafe;
color: #1d4ed8;
}