0
0
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:
Víctor Losada Hernández
2024-08-31 16:20:46 +02:00
parent c6f87eded0
commit 981e7986ce
2 changed files with 21 additions and 0 deletions

View File

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

View File

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