infor-design / enterprise-wc

Enterprise-grade web component library for the Infor Design System
Apache License 2.0
27 stars 26 forks source link

IdsSwitch: Switch Label should be the same format as menu & button labels #2445

Open kels0 opened 2 months ago

kels0 commented 2 months ago

Is your feature request related to a problem or use case? Please describe. The font is not the same when used in a toolbar. image

Describe the solution you'd like To have the same font.

<ids-toolbar>
    <ids-toolbar-section
        class="topbar-title"
        type="title"
        align="start"
    >
        <ids-text
            font-size="20"
            font-weight="semi-bold"
        >{{vm.manifest?.displayName}}</ids-text>
    </ids-toolbar-section>
    <ids-toolbar-section
        class="topbar-buttons"
        type="buttonset"
        align="end"
    >
        <div class="preview-switch">
            <ids-switch
                [label]="'preview' | translate"
                [checked]="currentMode === 'RUNTIME'"
                (click)="onSwitchMode(currentMode)"
            ></ids-switch>
        </div>
        <ids-menu-button
            id="menu-button"
            appearance="tertiary"
            menu="action-popup"
            dropdown-icon
        >
            <span>{{ "settings" | translate }}</span>
        </ids-menu-button>
        <ids-popup-menu
            id="action-popup"
            target="menu-button"
            trigger-type="click"
        >
            <ids-menu-group>
                <ids-menu-item
                    *ngFor="let item of vm.availableMenuItems"
                    (click)="item.action.bind(this)()"
                    [icon]="item.icon"
                >{{ item.label }}</ids-menu-item>
            </ids-menu-group>
        </ids-popup-menu>
        <ids-button
            appearance="tertiary"
            [tooltip]="'returnToDashboard' | translate"
            (click)="onGoBackClicked()"
        >
            <span>{{ "close" | translate }}</span>
        </ids-button>
        <ids-button
            appearance="primary"
            (click)="onSaveProject()"
        >
            <span>{{ "save" | translate }}</span>
        </ids-button>
    </ids-toolbar-section>
</ids-toolbar>
lucasinfor commented 2 months ago

This label text is set this way by design. I'm going to follow up on this with the design team and figure out if we want to make a change, but no bug fix needed. @tmcconechy @inforandy