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;
        }
    }
}

Activity

  1. added
    choreThis is a chore (or todo)
    mediumThis has medium priority
    on Jan 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

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

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions