mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
484de2ec21
* Add @testing-library/jest-dom and @testing-library/react for writing test cases * Make eslint check __mocks__/*.ts files * Mock electron.ipcRenderer.on to prevent errors in React compoment test cases * Mock <Trans /> from @lingui/macro as a component simplely returns children components * Use optional chaining operator (?.) to avoid TypeError: Cannot read property 'replicas' of undefined * Add jest-fetch-mock for mocking global.fetch, activate for all test cases in jest.setup.ts * Add basic tests for <DeploymentScaleDialog /> to ensure it initialises/renders without errors * Add +/- button for changing desired replicas, and its test cases * Adjust the styles of +/- buttons container to make sure it aligns with the slider * Refactor after rebase from master * Use var defined in vars.scss * Add flex align-center to slider-container and remove margin-top: -4px * Use <Icon /> to replace <i/> * Add flex gaps to plus-minus-container Signed-off-by: Hung-Han (Henry) Chen <1474479+chenhunghan@users.noreply.github.com>
50 lines
741 B
SCSS
50 lines
741 B
SCSS
.DeploymentScaleDialog {
|
|
.Wizard {
|
|
.header {
|
|
span {
|
|
color: #a0a0a0;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
}
|
|
|
|
.WizardStep {
|
|
.step-content {
|
|
min-height: 90px;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
.current-scale {
|
|
font-weight: bold
|
|
}
|
|
|
|
.desired-scale {
|
|
flex: 1.1 0;
|
|
}
|
|
|
|
.slider-container {
|
|
flex: 1 0;
|
|
}
|
|
|
|
.plus-minus-container {
|
|
margin-left: $margin * 2;
|
|
.Icon {
|
|
--color-active: black;
|
|
}
|
|
}
|
|
|
|
.warning {
|
|
color: $colorSoftError;
|
|
font-size: small;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.Icon {
|
|
margin: 0;
|
|
margin-right: $margin;
|
|
}
|
|
}
|
|
}
|
|
}
|