Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-11 16:05:44 +01:00
Code Issues Packages Projects Releases Activity

implemented graphic disable select input functionality

Browse Source
This commit is contained in:
Florian Scholdei
2019-04-18 17:19:55 +02:00
parent 8c215b44c2
commit a0f4f3dbe2
2 changed files with 2 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
scm-ui-components/packages/ui-components/src/forms/DropDown.js
View File

@@ -16,7 +16,7 @@ class DropDown extends React.Component<Props> {
render() { render() {
const { options, optionValues, preselectedOption, className, disabled } = this.props; const { options, optionValues, preselectedOption, className, disabled } = this.props;
return ( return (
<div className={classNames(className, "select")}> <div className={classNames(className, "select", disabled ? "disabled": "")}>
<select <select
value={preselectedOption ? preselectedOption : ""} value={preselectedOption ? preselectedOption : ""}
onChange={this.change} onChange={this.change}

9
scm-ui/styles/scm.scss
View File

@@ -255,16 +255,9 @@ form .field:not(.is-grouped) {
.select, .select,
.select:hover { .select:hover {
&:not(.is-multiple):not(.is-loading) { &:not(.is-multiple):not(.is-loading) {
> select[disabled] + &::after { &.disabled::after {
border :1px solid red;
border-color: #7a7a7a; border-color: #7a7a7a;
} }
&::after {
border-top: 1px solid blue;
}
> select[disabled] {
border: 1px solid yellow;
}
} }
} }