MindWorkAI/AI-Studio
MindWorkAI/AI-Studio
1
0
Fork 0
mirror of https://github.com/MindWorkAI/AI-Studio.git synced 2026-09-27 01:33:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Dropped the striping from the tool and data source rows

Browse Source
This commit is contained in:
Thorsten Sommer 2026-09-14 15:23:32 +02:00
parent 1e4a5b4459
commit 6c5371ba5c
Signed by untrusted user who does not match committer: tsommer
GPG Key ID: 371BBA77A02C0108
1 changed files with 3 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/MindWork AI Studio/wwwroot/app.css
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
* 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