diff options
| author | Baptiste Fotia <fotia.baptiste@hotmail.com> | 2022-09-28 13:03:14 +0300 |
|---|---|---|
| committer | Baptiste Fotia <fotia.baptiste@hotmail.com> | 2022-09-28 13:03:14 +0300 |
| commit | d53a0c8a5e5dae4169f81ea94e0c715f63fcb1de (patch) | |
| tree | 2885a93208ff918352f0a71af81c4eabe6a5dd88 /src | |
| parent | 405ccb066de0582571192f8722a8b381a08c85fd (diff) | |
style(React): Reset old values and add --color-border
Following the comment by Carl: https://github.com/nextcloud/groupfolders/pull/2072#discussion_r981409517
Signed-off-by: Baptiste Fotia <fotia.baptiste@hotmail.com>
Diffstat (limited to 'src')
| -rw-r--r-- | src/settings/AdminGroupSelect.tsx | 12 | ||||
| -rw-r--r-- | src/settings/SubAdminGroupSelect.tsx | 13 |
2 files changed, 8 insertions, 17 deletions
diff --git a/src/settings/AdminGroupSelect.tsx b/src/settings/AdminGroupSelect.tsx index da3468a5..8ff390a2 100644 --- a/src/settings/AdminGroupSelect.tsx +++ b/src/settings/AdminGroupSelect.tsx @@ -41,10 +41,6 @@ class AdminGroupSelect extends Component<AdminGroupSelectProps> { delegatedAdminGroups: [], } - private readonly BORDER_COLOR = '#888' - private readonly INPUT_HEIGHT = '30' - private readonly BACKGROUND_COLOR = 'var(--color-main-background)' - constructor (props) { super(props) this.state.groups = props.groups @@ -98,16 +94,16 @@ class AdminGroupSelect extends Component<AdminGroupSelectProps> { styles={{ input: (provided) => ({ ...provided, - height: this.INPUT_HEIGHT + height: '30' }), control: (provided) => ({ ...provided, - backgroundColor: this.BACKGROUND_COLOR + backgroundColor: 'var(--color-main-background)' }), menu: (provided) => ({ ...provided, - backgroundColor: this.BACKGROUND_COLOR, - borderColor: this.BORDER_COLOR + backgroundColor: 'var(--color-main-background)', + borderColor: 'var(--color-border, #888)' }) }} /> diff --git a/src/settings/SubAdminGroupSelect.tsx b/src/settings/SubAdminGroupSelect.tsx index 81aa10a9..b7356872 100644 --- a/src/settings/SubAdminGroupSelect.tsx +++ b/src/settings/SubAdminGroupSelect.tsx @@ -40,11 +40,6 @@ class SubAdminGroupSelect extends Component<SubAdminGroupSelectProps> { delegatedSubAdminGroups: [], } - - private readonly BORDER_COLOR = '#888' - private readonly INPUT_HEIGHT = '30' - private readonly BACKGROUND_COLOR = 'var(--color-main-background)' - constructor (props) { super(props) this.state.groups = props.groups @@ -98,16 +93,16 @@ class SubAdminGroupSelect extends Component<SubAdminGroupSelectProps> { styles={{ input: (provided) => ({ ...provided, - height: this.INPUT_HEIGHT + height: '30' }), control: (provided) => ({ ...provided, - backgroundColor: this.BACKGROUND_COLOR + backgroundColor: 'var(--color-main-background)' }), menu: (provided) => ({ ...provided, - backgroundColor: this.BACKGROUND_COLOR, - borderColor: this.BORDER_COLOR + backgroundColor: 'var(--color-main-background)', + borderColor: 'var(--color-border, #888)' }) }} /> |