Browse Source

update disabled field color

master
jason.lam 1 year ago
parent
commit
8051224122
3 changed files with 4 additions and 7 deletions
  1. +3
    -2
      src/themes/themeConst.js
  2. +1
    -1
      src/translations/zh-HK.json
  3. +0
    -4
      src/utils/FieldUtils.js

+ 3
- 2
src/themes/themeConst.js View File

@@ -182,7 +182,7 @@ export const PNSPS_THEME = createTheme({
input: { input: {
padding: '10.5px 14px 10.5px 12px', padding: '10.5px 14px 10.5px 12px',
'&.MuiOutlinedInput-input.Mui-disabled': { '&.MuiOutlinedInput-input.Mui-disabled': {
WebkitTextFillColor: '#888888',
WebkitTextFillColor: 'rgba(0, 0, 0, 1)',
}, },
color: 'rgba(0, 0, 0, 0.85)' color: 'rgba(0, 0, 0, 0.85)'
}, },
@@ -239,7 +239,8 @@ export const PNSPS_THEME = createTheme({
//padding: '1px', // Adjust the padding as needed //padding: '1px', // Adjust the padding as needed
}, },
'& .MuiInputBase-input:disabled': { '& .MuiInputBase-input:disabled': {
color: 'rgba(0, 0, 0, 0.8)',
color: 'rgba(0, 0, 0, 1)',
backgroundColor: "#f8f8f8",
//backgroundColor: '#777777', // Set background color to #777777 for disabled state //backgroundColor: '#777777', // Set background color to #777777 for disabled state
//color: '#010101', // Set text color to #111111 for disabled state //color: '#010101', // Set text color to #111111 for disabled state
}, },


+ 1
- 1
src/translations/zh-HK.json View File

@@ -332,7 +332,7 @@
"unlock": "解鎖", "unlock": "解鎖",
"pendingFor": "待批核", "pendingFor": "待批核",
"active": "生效中", "active": "生效中",
"primary": "源自",
"primary": "主要帳戶",


"submitApplication": "提交公共啟事申請", "submitApplication": "提交公共啟事申請",
"applicationSubheading": "提供你的啟事內容作排版,校對及計價。", "applicationSubheading": "提供你的啟事內容作排版,校對及計價。",


+ 0
- 4
src/utils/FieldUtils.js View File

@@ -191,10 +191,6 @@ export const initField = ({ type, valueName, form, disabled, multiline, handleCh
value={form.values[valueName]} value={form.values[valueName]}
disabled={disabled} disabled={disabled}
sx={{ sx={{
"& .MuiInputBase-input.Mui-disabled": {
WebkitTextFillColor: "#000000",
background: "#f8f8f8",
},
width: width ? width : '100%' width: width ? width : '100%'
}} }}
{...props} {...props}


Loading…
Cancel
Save