diff --git a/DbFirst.BlazorWasm/Components/MassDataGrid.razor b/DbFirst.BlazorWasm/Components/MassDataGrid.razor index 316267d..1551a48 100644 --- a/DbFirst.BlazorWasm/Components/MassDataGrid.razor +++ b/DbFirst.BlazorWasm/Components/MassDataGrid.razor @@ -34,47 +34,6 @@ .page-size-combo input { 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 { min-width: 720px; } @@ -97,25 +56,6 @@ .band-columns { 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 { min-height: 160px; display: flex; diff --git a/DbFirst.BlazorWebApp/Components/MassDataGrid.razor b/DbFirst.BlazorWebApp/Components/MassDataGrid.razor index 494d671..61e745a 100644 --- a/DbFirst.BlazorWebApp/Components/MassDataGrid.razor +++ b/DbFirst.BlazorWebApp/Components/MassDataGrid.razor @@ -34,47 +34,6 @@ .page-size-combo input { 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 { min-width: 720px; } @@ -97,25 +56,6 @@ .band-columns { 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 { min-height: 160px; display: flex;