MindWorkAI/AI-Studio
1
0 Fork 0
mirror of https://github.com/MindWorkAI/AI-Studio.git synced 2026-10-17 22:18:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dropped the striping from the tool and data source rows

Browse Source
This commit is contained in:
Thorsten Sommer committed 2026-09-14 15:23:32 +02:00
1 parent 1e4a5b4459
commit 6c5371ba5c
1 file changed
+3 -18
Download Patch File Download Diff File Expand all files Collapse all files
app/MindWork AI Studio/wwwroot/app.css
+3 -18
View File
@@ -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 * 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 * 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 * 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 * switch and the frame are counted at all. Size.Small takes most of that away; the rules below take
* the rest, and it has to name the MudBlazor class to outweigh its specificity. Alternating rows * the rest, and the second one has to name the MudBlazor class to outweigh its specificity.
* 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.
*/ */
.tool-selection-rows > .tool-selection-row { .tool-selection-rows > .tool-selection-row {
padding: 0.15rem 0.25rem; 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 { .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 * 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, * 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 * 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 * the second one away, and it has to name the MudBlazor class to outweigh its specificity.
* 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.
*/ */
.data-source-rows .mud-list-item-text { .data-source-rows .mud-list-item-text {
margin-top: 0; margin-top: 0;
margin-bottom: 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 * 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 * with 18.5px above and below, which is the right amount for the line of text such a field usually