mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-03-22 08:58:11 +00:00
final touches
This commit is contained in:
@@ -10,6 +10,7 @@
|
|||||||
position : absolute;
|
position : absolute;
|
||||||
z-index : 100;
|
z-index : 100;
|
||||||
width : 100%;
|
width : 100%;
|
||||||
|
height : max-content;
|
||||||
max-height : 200px;
|
max-height : 200px;
|
||||||
overflow-y : auto;
|
overflow-y : auto;
|
||||||
background-color : white;
|
background-color : white;
|
||||||
|
|||||||
@@ -362,7 +362,7 @@ const MetadataEditor = createReactClass({
|
|||||||
|
|
||||||
{this.renderAuthors()}
|
{this.renderAuthors()}
|
||||||
|
|
||||||
<div className="field tags">
|
<div className="field invitedAuthors">
|
||||||
<label>Invited authors</label>
|
<label>Invited authors</label>
|
||||||
<div className="value">
|
<div className="value">
|
||||||
<TagInput
|
<TagInput
|
||||||
|
|||||||
@@ -60,9 +60,7 @@
|
|||||||
& > .value {
|
& > .value {
|
||||||
flex : 1 1 auto;
|
flex : 1 1 auto;
|
||||||
width : 50px;
|
width : 50px;
|
||||||
&[data-tooltip-right] {
|
&[data-tooltip-right] { max-width : 380px; }
|
||||||
max-width:380px;
|
|
||||||
}
|
|
||||||
&:invalid { background : #FFB9B9; }
|
&:invalid { background : #FFB9B9; }
|
||||||
small {
|
small {
|
||||||
display : block;
|
display : block;
|
||||||
@@ -75,6 +73,16 @@
|
|||||||
border : 1px solid gray;
|
border : 1px solid gray;
|
||||||
&:focus { outline : 1px solid #444444; }
|
&:focus { outline : 1px solid #444444; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.description {
|
||||||
|
flex : 1;
|
||||||
|
textarea.value {
|
||||||
|
height : auto;
|
||||||
|
font-family : 'Open Sans', sans-serif;
|
||||||
|
resize : none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.thumbnail, &.themes {
|
&.thumbnail, &.themes {
|
||||||
label { line-height : 2.0em; }
|
label { line-height : 2.0em; }
|
||||||
.value {
|
.value {
|
||||||
@@ -91,6 +99,15 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.tags .tagInput-dropdown {
|
||||||
|
z-index : 400;
|
||||||
|
max-width : 200px;
|
||||||
|
}
|
||||||
|
&.language .value {
|
||||||
|
z-index : 300;
|
||||||
|
max-width : 150px;
|
||||||
|
}
|
||||||
|
|
||||||
&.themes {
|
&.themes {
|
||||||
.value {
|
.value {
|
||||||
overflow : visible;
|
overflow : visible;
|
||||||
@@ -102,27 +119,13 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.description {
|
&.invitedAuthors .value {
|
||||||
flex : 1;
|
z-index : 100;
|
||||||
textarea.value {
|
|
||||||
height : auto;
|
.tagInput-dropdown { max-width : 200px; }
|
||||||
font-family : 'Open Sans', sans-serif;
|
|
||||||
resize : none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.language .value {
|
|
||||||
z-index : 200;
|
|
||||||
max-width : 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.tags .tagInput-dropdown {
|
|
||||||
z-index : 201;
|
|
||||||
max-width : 200px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.thumbnail-preview {
|
.thumbnail-preview {
|
||||||
position : relative;
|
position : relative;
|
||||||
flex : 1 1;
|
flex : 1 1;
|
||||||
@@ -175,7 +178,7 @@
|
|||||||
.themes.field {
|
.themes.field {
|
||||||
& .dropdown-container {
|
& .dropdown-container {
|
||||||
position : relative;
|
position : relative;
|
||||||
z-index : 100;
|
z-index : 200;
|
||||||
background-color : white;
|
background-color : white;
|
||||||
}
|
}
|
||||||
& .dropdown-options { overflow-y : visible; }
|
& .dropdown-options { overflow-y : visible; }
|
||||||
|
|||||||
Reference in New Issue
Block a user