Add options for the cards #93

Merged
sb10q merged 42 commits from esavkin/web2019:85-variants into master 2023-11-28 15:32:34 +08:00
3 changed files with 11 additions and 5 deletions
Showing only changes of commit d72a295aa5 - Show all commits

View File

@ -468,10 +468,13 @@ button {
top: 0; top: 0;
width: 100%; width: 100%;
min-height: 70px; min-height: 70px;
max-height: 350px;
overflow-y: scroll;
position: absolute; position: absolute;
display: flex; display: flex;
align-items: center; align-items: start;
justify-content: center; justify-content: left;
text-align: left;
background-color: white; background-color: white;
color: black; color: black;
flex-direction: column; flex-direction: column;
@ -481,6 +484,10 @@ button {
font-size: .65rem; font-size: .65rem;
margin: 0; margin: 0;
} }
div {
margin: 0 0.2rem;
}
} }
} }

View File

@ -703,7 +703,7 @@ class ProductCartItem extends React.PureComponent {
{options ? ( {options ? (
<div <div
style={{'display': (model.showOverlayRemove && options) ? 'flex' : 'none'}} style={{'display': model.showOverlayRemove ? 'flex' : 'none'}}
className="overlayVariant"> className="overlayVariant">
<ProcessOptions <ProcessOptions

View File

@ -143,7 +143,7 @@ class Line extends Component {
render() { render() {
let key = this.props.id + this.props.outvar; let key = this.props.id + this.props.outvar;
return ( return (
<div className="shop-switch" key={this.props.id}> <div className="shop-line" key={this.props.id}>
<label htmlFor={key} className="form-label">{this.props.title}: </label> <label htmlFor={key} className="form-label">{this.props.title}: </label>
<input type="email" className="form-control" id={key} onChange={this.handleClick} <input type="email" className="form-control" id={key} onChange={this.handleClick}
value={this.state.text}/> value={this.state.text}/>
@ -197,7 +197,6 @@ class SwitchLine extends Component {
let key = this.props.id + this.props.outvar; let key = this.props.id + this.props.outvar;
return ( return (
<div className="shop-switch-line" key={this.props.id}> <div className="shop-switch-line" key={this.props.id}>
<div className="form-check form-switch" key={key}> <div className="form-check form-switch" key={key}>
<input <input
className="form-check-input" className="form-check-input"