diff --git a/app/MindWork AI Studio/wwwroot/app.css b/app/MindWork AI Studio/wwwroot/app.css index e9e266be..d53e0e0a 100644 --- a/app/MindWork AI Studio/wwwroot/app.css +++ b/app/MindWork AI Studio/wwwroot/app.css @@ -475,18 +475,11 @@ tr:has(> .provider-group-header) .mud-icon-button { * Rows of the tool selection which the chat and the assistants open from their footer. There will be * far more tools than the ones we start with, so a row must not waste height: MudBlazor's settings * button alone puts 12px of padding around a 24px icon, which makes a row 48px tall before the - * switch and the frame are counted at all. Size.Small takes most of that away; the rule below takes - * the rest, and it has to name the MudBlazor class to outweigh its specificity. Alternating rows - * carry a grey ground, which tells a long list apart better than a separator line does and costs no - * height at all. The colors are MudBlazor palette variables, so both grounds follow the theme. + * switch and the frame are counted at all. Size.Small takes most of that away; the rules below take + * the rest, and the second one has to name the MudBlazor class to outweigh its specificity. */ .tool-selection-rows > .tool-selection-row { padding: 0.15rem 0.25rem; - border-radius: var(--mud-default-borderradius); -} - -.tool-selection-rows > .tool-selection-row:nth-child(odd) { - background-color: var(--mud-palette-background-gray); } .tool-selection-row .mud-icon-button { @@ -498,21 +491,13 @@ tr:has(> .provider-group-header) .mud-icon-button { * settings dialog. A row carries a name and at most one icon, so there is no reason for it to be * 48px tall: MudBlazor pads the item with 8px on both sides and the text slot with another 4px, * which is more frame than content. Dense on the list halves the first part, the rule below takes - * the second one away, and it has to name the MudBlazor class to outweigh its specificity. The - * alternating grey ground is the one the tool rows above use, for the same reason: it tells a long - * list apart without costing any height. MudBlazor marks the selected row with an !important of its - * own, so the striping can never hide what is selected. + * the second one away, and it has to name the MudBlazor class to outweigh its specificity. */ .data-source-rows .mud-list-item-text { margin-top: 0; margin-bottom: 0; } -.data-source-rows > .mud-list-item:nth-child(odd) { - background-color: var(--mud-palette-background-gray); - border-radius: var(--mud-default-borderradius); -} - /* * The frame around a text switch in its compact form. MudBlazor pads the slot of an outlined field * with 18.5px above and below, which is the right amount for the line of text such a field usually