Remove custom grid sort/filter CSS from MassDataGrid
Deleted styles for custom sort icons, filter row layout, and search input in MassDataGrid. Retained only general layout and popup/editor styles, reverting to default grid visuals.
This commit is contained in:
OlgunR
@@ -34,47 +34,6 @@
|
|||||||
.page-size-combo input {
|
.page-size-combo input {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
.massdata-grid .dxbl-grid-sort-asc,
|
|
||||||
.massdata-grid .dxbl-grid-sort-desc {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable {
|
|
||||||
position: relative;
|
|
||||||
padding-right: 1.5rem;
|
|
||||||
}
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable::before,
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
right: 0.45rem;
|
|
||||||
width: 0.7rem;
|
|
||||||
height: 0.7rem;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: 0.7rem 0.7rem;
|
|
||||||
opacity: 0.35;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable::before {
|
|
||||||
top: 38%;
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.957 10.999a1 1 0 0 1-.821-1.571l2.633-3.785a1.5 1.5 0 0 1 2.462 0l2.633 3.785a1 1 0 0 1-.821 1.57H4.957Z' fill='%23888888'/%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable::after {
|
|
||||||
top: 58%;
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.957 5a1 1 0 0 0-.821 1.571l2.633 3.784a1.5 1.5 0 0 0 2.462 0l2.633-3.784A1 1 0 0 0 11.043 5H4.957Z' fill='%23888888'/%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable[aria-sort="ascending"]::after {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable[aria-sort="descending"]::before {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.massdata-grid .filter-search-input input {
|
|
||||||
padding-right: 1.75rem;
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9.309 10.016a4.5 4.5 0 1 1 .707-.707l3.838 3.837a.5.5 0 0 1-.708.708L9.31 10.016ZM10 6.5a3.5 3.5 0 1 0-7 0 3.5 3.5 0 0 0 7 0Z' fill='%23666666'/%3E%3C/svg%3E");
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: right 0.5rem center;
|
|
||||||
background-size: 0.9rem;
|
|
||||||
}
|
|
||||||
.massdata-edit-popup {
|
.massdata-edit-popup {
|
||||||
min-width: 720px;
|
min-width: 720px;
|
||||||
}
|
}
|
||||||
@@ -97,25 +56,6 @@
|
|||||||
.band-columns {
|
.band-columns {
|
||||||
max-width: 720px;
|
max-width: 720px;
|
||||||
}
|
}
|
||||||
.filter-row-cell {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 4px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.filter-operator {
|
|
||||||
width: 52px;
|
|
||||||
min-width: 52px;
|
|
||||||
flex: 0 0 52px;
|
|
||||||
}
|
|
||||||
.filter-value {
|
|
||||||
min-width: 140px;
|
|
||||||
flex: 1 1 140px;
|
|
||||||
}
|
|
||||||
.filter-value-amount {
|
|
||||||
min-width: 140px;
|
|
||||||
flex-basis: 140px;
|
|
||||||
}
|
|
||||||
.loading-container {
|
.loading-container {
|
||||||
min-height: 160px;
|
min-height: 160px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -34,47 +34,6 @@
|
|||||||
.page-size-combo input {
|
.page-size-combo input {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
.massdata-grid .dxbl-grid-sort-asc,
|
|
||||||
.massdata-grid .dxbl-grid-sort-desc {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable {
|
|
||||||
position: relative;
|
|
||||||
padding-right: 1.5rem;
|
|
||||||
}
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable::before,
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable::after {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
right: 0.45rem;
|
|
||||||
width: 0.7rem;
|
|
||||||
height: 0.7rem;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: 0.7rem 0.7rem;
|
|
||||||
opacity: 0.35;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable::before {
|
|
||||||
top: 38%;
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.957 10.999a1 1 0 0 1-.821-1.571l2.633-3.785a1.5 1.5 0 0 1 2.462 0l2.633 3.785a1 1 0 0 1-.821 1.57H4.957Z' fill='%23888888'/%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable::after {
|
|
||||||
top: 58%;
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.957 5a1 1 0 0 0-.821 1.571l2.633 3.784a1.5 1.5 0 0 0 2.462 0l2.633-3.784A1 1 0 0 0 11.043 5H4.957Z' fill='%23888888'/%3E%3C/svg%3E");
|
|
||||||
}
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable[aria-sort="ascending"]::after {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.massdata-grid th.dxbl-grid-header-sortable[aria-sort="descending"]::before {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.massdata-grid .filter-search-input input {
|
|
||||||
padding-right: 1.75rem;
|
|
||||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M9.309 10.016a4.5 4.5 0 1 1 .707-.707l3.838 3.837a.5.5 0 0 1-.708.708L9.31 10.016ZM10 6.5a3.5 3.5 0 1 0-7 0 3.5 3.5 0 0 0 7 0Z' fill='%23666666'/%3E%3C/svg%3E");
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: right 0.5rem center;
|
|
||||||
background-size: 0.9rem;
|
|
||||||
}
|
|
||||||
.massdata-edit-popup {
|
.massdata-edit-popup {
|
||||||
min-width: 720px;
|
min-width: 720px;
|
||||||
}
|
}
|
||||||
@@ -97,25 +56,6 @@
|
|||||||
.band-columns {
|
.band-columns {
|
||||||
max-width: 720px;
|
max-width: 720px;
|
||||||
}
|
}
|
||||||
.filter-row-cell {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 4px;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.filter-operator {
|
|
||||||
width: 52px;
|
|
||||||
min-width: 52px;
|
|
||||||
flex: 0 0 52px;
|
|
||||||
}
|
|
||||||
.filter-value {
|
|
||||||
min-width: 140px;
|
|
||||||
flex: 1 1 140px;
|
|
||||||
}
|
|
||||||
.filter-value-amount {
|
|
||||||
min-width: 140px;
|
|
||||||
flex-basis: 140px;
|
|
||||||
}
|
|
||||||
.loading-container {
|
.loading-container {
|
||||||
min-height: 160px;
|
min-height: 160px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user