updated styling for existing-level compoenent

This commit is contained in:
realaravinth 2021-05-03 20:27:11 +05:30
parent 812b0ff2c9
commit 729a90cea1
No known key found for this signature in database
GPG Key ID: AD9F0F08E855ED88
4 changed files with 54 additions and 61 deletions

View File

@ -1,9 +1,11 @@
<fieldset class="sitekey-form__level"> <fieldset class="sitekey__level-container">
<legend>Level <.= level .></legend> <legend class="sitekey__level-title">
<label class="sitekey-form__level-fieldname" for="visitor<.= level .>" Level <.= level .>
</legend>
<label class="sitekey-form__level-label" for="visitor<.= level .>"
>Visitor >Visitor
<input <input
class="sitekey-form__number-filed" class="sitekey-form__level-input"
type="number" type="number"
name="" name=""
value="" value=""
@ -11,21 +13,24 @@
/> />
</label> </label>
<label class="sitekey-form__level-fieldname" for="difficulty<.= level .>"> <label class="sitekey-form__level-label" for="difficulty<.= level .>">
Difficulty Difficulty
<input <input
type="number" type="number"
name="difficulty" name="difficulty"
class="sitekey-form__number-filed" class="sitekey-form__level-input"
value="" value=""
id="difficulty<.= level .>" id="difficulty<.= level .>"
/> />
</label> </label>
<input <label class="sitekey-form__level-label--hidden" for="add">
class="sitekey-form__add-level-button" Add level
type="button" <input
name="add" class="sitekey-form__level-add-level-button"
id="add" type="button"
value="Add" name="add"
/> id="add"
value="Add"
/>
</label>
</fieldset> </fieldset>

View File

@ -1,12 +1,36 @@
<div class="sitekey-form__add-level-flex-container"> <fieldset class="sitekey__level-container">
<!-- insert Javascript for adding more levels as needed --> <legend class="sitekey__level-title">
<label class="sitekey-form__label" for="level<.= level .>">Level <.= level .></label> Level <.= level .>
</div> </legend>
<label class="sitekey-form__level-label" for="visitor<.= level .>"
>Visitor
<input
class="sitekey-form__level-input"
type="number"
name=""
value=""
id="visitor<.= level .>"
/>
</label>
<input <label class="sitekey-form__level-label" for="difficulty<.= level .>">
class="sitekey-form__input" Difficulty
type="number" <input
name="level1" type="number"
id="level<.= level .>" name="difficulty"
value="" class="sitekey-form__level-input"
/> value=""
id="difficulty<.= level .>"
/>
</label>
<label class="sitekey-form__level-label--hidden" for="remove<.= level .>">
Add level
<input
class="sitekey-form__level-add-level-button"
type="button"
name="remove"
id="remove<.= level .>"
value="Remove"
/>
</label>
</fieldset>

View File

@ -16,7 +16,7 @@
<. for level in 1..=levels { .> <. for level in 1..=levels { .>
<. if level == levels { .> <. if level == levels { .>
<. include!("./new-add-level.html"); .> <. include!("./add-level.html"); .>
<. } else { .> <. } else { .>
<. include!("./existing-level.html"); .> <. include!("./existing-level.html"); .>
<. } .> <. } .>

View File

@ -1,36 +0,0 @@
<fieldset class="sitekey__level-container">
<legend class="sitekey__level-title">
Level <.= level .>
</legend>
<label class="sitekey-form__level-label" for="visitor<.= level .>"
>Visitor
<input
class="sitekey-form__level-input"
type="number"
name=""
value=""
id="visitor<.= level .>"
/>
</label>
<label class="sitekey-form__level-label" for="difficulty<.= level .>">
Difficulty
<input
type="number"
name="difficulty"
class="sitekey-form__level-input"
value=""
id="difficulty<.= level .>"
/>
</label>
<label class="sitekey-form__level-label--hidden" for="add">
Add level
<input
class="sitekey-form__level-add-level-button"
type="button"
name="add"
id="add"
value="Add"
/>
</label>
</fieldset>