Skip to content

remove global styling for MUI components #190

Description

@lennczar

TextField styling on the DAO page is different from the styling we use on the App page, this is fine so long the styling on the App page is not affected. However, CSS rules introduced in settings-editor-amendments in src/app/global.scss do affect it.

Example: fields of UnitField are no longer the same height
image

Please remove these rules and move them to local styling:

.MuiCheckbox-root {
    .MuiSvgIcon-root {
        width: size.$large-text;
        height: size.$large-text;
    }
}

.MuiTextField-root {
    .MuiInputLabel-root,
    .MuiInputBase-root {
        font-size: size.$text;

        input {
            padding: calc(size.$gap * 0.4) calc(size.$gap * 0.6);
            font-size: size.$text;
        }

        fieldset {
            border-radius: size.$task-radius;
        }
    }
}

Metadata

Metadata

Labels

choreThis is a chore (or todo)mediumThis has medium priority

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions