0
0
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:
Gazook89
2024-09-19 11:09:22 -05:00
parent 2336f8508b
commit a6ac6b98c2
2 changed files with 30 additions and 38 deletions

View File

@@ -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; }
} }
} }
} }
} }
} }

View File

@@ -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'>