color-picker funkt aber noch nicht alle farben und nicht angepasst

This commit is contained in:
InesSuess
2019-01-24 15:14:33 +01:00
parent 5100099790
commit c219364908
4 changed files with 143 additions and 3 deletions

View File

@ -4,6 +4,7 @@
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel='stylesheet' href='/stylesheets/style.css'>
<link rel='stylesheet' href='/stylesheets/colorpicker-style.css'>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel='stylesheet' href='/bootstrap/dist/css/bootstrap.min.css'>
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
@ -64,7 +65,47 @@
<div class="form-group layout">
<label for="exampleInputPassword1">Farbe</label>
<input type="text" class="form-control" id="groupfarbe" placeholder="zB: Red">
<div class="farbeeen">
<input type="radio" name="color" id="farbe1" value="F44336" />
<label for="farbe1"><span class="farbe1 border"></span></label>
<input type="radio" name="color" id="farbe2" value="e91e63" />
<label for="farbe2"><span class="farbe2"></span></label>
<input type="radio" name="color" id="farbe3" value="9c27b0" />
<label for="farbe3"><span class="farbe3"></span></label>
<input type="radio" name="color" id="farbe4" value="673ab7" />
<label for="farbe4"><span class="farbe4"></span></label>
<input type="radio" name="color" id="farbe5" value="3F51B5" />
<label for="farbe5"><span class="farbe5"></span></label>
<input type="radio" name="color" id="farbe6" value="2196F3" />
<label for="farbe6"><span class="farbe6"></span></label>
<!-- <br>
<input type="radio" name="color" id="violet" value="violet" />
<label for="violet"><span class="violet"></span></label>
<input type="radio" name="color" id="purple" value="purple" />
<label for="purple"><span class="purple"></span></label>
<input type="radio" name="color" id="pink" value="pink" />
<label for="pink"><span class="pink"></span></label>
<input type="radio" name="color" id="blue" value="blue" />
<label for="blue"><span class="blue"></span></label>
<input type="radio" name="color" id="violet" value="violet" />
<label for="violet"><span class="violet"></span></label>
<input type="radio" name="color" id="purple" value="purple" />
<label for="purple"><span class="purple"></span></label> -->
</div>
</div>
<center><button type="submit" class="btn btn-outline-dark gruppenadd">Hinzufügen</button></center>