mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-24 16:22:44 +00:00
Added className='renderer' to two input elements in vaultPage.jsx and added CSS rules for .renderer in vaultPage.less to display an error message when no checkboxes are checked.
This commit is contained in:
@@ -249,6 +249,7 @@ const VaultPage = (props) => {
|
||||
|
||||
<label>
|
||||
<input
|
||||
className='renderer'
|
||||
ref={v3Ref}
|
||||
type="checkbox"
|
||||
defaultChecked={v3}
|
||||
@@ -259,6 +260,7 @@ const VaultPage = (props) => {
|
||||
|
||||
<label>
|
||||
<input
|
||||
className='renderer'
|
||||
ref={legacyRef}
|
||||
type="checkbox"
|
||||
defaultChecked={legacy}
|
||||
|
||||
@@ -112,6 +112,25 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: "Error:\A At least one renderer should be enabled to make a search";
|
||||
display: block;
|
||||
opacity:0;
|
||||
transition: opacity 0.5s;
|
||||
position: absolute;
|
||||
white-space: pre-wrap;
|
||||
top:0;
|
||||
left:0;
|
||||
right:0;
|
||||
background:rgb(255, 60, 60);
|
||||
color:white;
|
||||
font-weight:900;
|
||||
padding:10px;
|
||||
}
|
||||
&:not(:has(input[type="checkbox"]:checked)):after {
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
#searchButton {
|
||||
position : absolute;
|
||||
right : 10px;
|
||||
|
||||
Reference in New Issue
Block a user