mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-10 04:52:40 +00:00
some fixes and updates
This fixes something i broke with last commit, but should be final commit.
This commit is contained in:
@@ -234,41 +234,34 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#groupedIcon {
|
|
||||||
#backgroundColors;
|
|
||||||
position : relative;
|
|
||||||
top : -0.3em;
|
|
||||||
right : -0.3em;
|
|
||||||
display : inline-block;
|
|
||||||
min-width : 20px;
|
|
||||||
height : ~'calc(100% + 0.6em)';
|
|
||||||
color : white;
|
|
||||||
text-align : center;
|
|
||||||
cursor : pointer;
|
|
||||||
|
|
||||||
i {
|
.field .list {
|
||||||
position : relative;
|
display : flex;
|
||||||
top : 50%;
|
flex : 1 0;
|
||||||
transform : translateY(-50%);
|
flex-wrap : wrap;
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:last-child) { border-right : 1px solid black; }
|
> * { flex : 0 0 auto; }
|
||||||
|
|
||||||
&:last-child { border-radius : 0 0.5em 0.5em 0; }
|
#groupedIcon {
|
||||||
}
|
#backgroundColors;
|
||||||
.field .tag-input {
|
position : relative;
|
||||||
flex: 1 0;
|
top : -0.3em;
|
||||||
.list {
|
right : -0.3em;
|
||||||
display : flex;
|
display : inline-block;
|
||||||
flex : 1 0;
|
min-width : 20px;
|
||||||
flex-wrap : wrap;
|
height : ~'calc(100% + 0.6em)';
|
||||||
|
color : white;
|
||||||
|
text-align : center;
|
||||||
|
cursor : pointer;
|
||||||
|
|
||||||
> * { flex : 0 0 auto; }
|
i {
|
||||||
|
position : relative;
|
||||||
|
top : 50%;
|
||||||
|
transform : translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
&:not(:last-child) { border-right : 1px solid black; }
|
&:not(:last-child) { border-right : 1px solid black; }
|
||||||
|
|
||||||
&:last-child { border-radius : 0 0.5em 0.5em 0; }
|
&:last-child { border-radius : 0 0.5em 0.5em 0; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -294,32 +287,31 @@
|
|||||||
min-width : 75px;
|
min-width : 75px;
|
||||||
height : 100%;
|
height : 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group {
|
.input-group {
|
||||||
height : ~'calc(.9em + 4px + .6em)';
|
height : ~'calc(.9em + 4px + .6em)';
|
||||||
|
|
||||||
input { border-radius : 0.5em 0 0 0.5em; }
|
input { border-radius : 0.5em 0 0 0.5em; }
|
||||||
|
|
||||||
input:last-child { border-radius : 0.5em; }
|
input:last-child { border-radius : 0.5em; }
|
||||||
|
|
||||||
.value {
|
.value {
|
||||||
width : 7.5vw;
|
width : 7.5vw;
|
||||||
min-width : 75px;
|
min-width : 75px;
|
||||||
height : 100%;
|
height : 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invalid:focus { background-color : pink; }
|
.invalid:focus { background-color : pink; }
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
#groupedIcon;
|
#groupedIcon;
|
||||||
top : -0.54em;
|
top : -0.54em;
|
||||||
right : 1px;
|
right : 1px;
|
||||||
height : 97%;
|
height : 97%;
|
||||||
|
|
||||||
i { font-size : 1.125em; }
|
i { font-size : 1.125em; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -128,7 +128,7 @@ const StringArrayEditor = createClass({
|
|||||||
|
|
||||||
return <div className='field'>
|
return <div className='field'>
|
||||||
<label>{this.props.label}</label>
|
<label>{this.props.label}</label>
|
||||||
<div style={{ flex: '1 0' }}>
|
<div style={{ flex: '1 0' }} className='value'>
|
||||||
<div className='list'>
|
<div className='list'>
|
||||||
{valueElements}
|
{valueElements}
|
||||||
<div className='input-group'>
|
<div className='input-group'>
|
||||||
|
|||||||
Reference in New Issue
Block a user