dergeorg/SmartShopper
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix2

Browse Source
This commit is contained in:
Georg Reisinger
2019-01-29 17:35:50 +01:00
parent 3b133f6a41
commit 054cf9d6b2
2 changed files with 105 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
express-server/public/stylesheets/colorpicker-style.css
View File

@@ -11,85 +11,97 @@ body {
color: #333;
} */
input[type="radio"] {
display: none;
border: 1px solid black;
}
input[type="radio"]:checked + label span {
transform: scale(1.25);
}
input[type="radio"]:checked + label .farbe1 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe2 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe3 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe4 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe5 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe6 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe7 {
border: 1px solid black;
}
input[type="radio"]:checked + label .violet {
border: 1px solid black;
}
input[type="radio"]:checked + label .purple {
border: 1px solid black;
}
input[type="radio"]:checked + label .pink {
border: 1px solid black;
}
label {
display: inline-block;
width: 25px;
height: 25px;
margin-right: 10px;
cursor: pointer;
}
label:hover span {
transform: scale(1.25);
}
label span {
display: block;
width: 100%;
height: 100%;
transition: transform 0.2s ease-in-out;
}
label span.farbe1 {
background: #F44336;
}
label span.farbe2 {
background: #e91e63;
}
label span.farbe3 {
background: #9c27b0;
}
label span.farbe4 {
background: #673ab7;
}
label span.farbe5 {
background: #3F51B5;
}
label span.farbe6 {
background: #2196F3;
}
label span.blue {
background: #03A9F4;
}
label span.violet {
background: #00BCD4;
}
label span.purple {
background: #009688;
}
label span.pink {
background: #4CAF50;
}
display: none;
border: 1px solid black;
}
input[type="radio"]:checked + label span {
transform: scale(1.25);
}
input[type="radio"]:checked + label .farbe1 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe2 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe3 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe4 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe5 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe6 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe7 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe8 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe9 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe10 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe11 {
border: 1px solid black;
}
input[type="radio"]:checked + label .farbe12 {
border: 1px solid black;
}
label {
display: inline-block;
width: 25px;
height: 25px;
margin-right: 10px;
cursor: pointer;
}
label:hover span {
transform: scale(1.25);
}
label span {
display: block;
width: 100%;
height: 100%;
transition: transform 0.2s ease-in-out;
}
label span.farbe1 {
background: #F44336;
}
label span.farbe2 {
background: #e91e63;
}
label span.farbe3 {
background: #9c27b0;
}
label span.farbe4 {
background: #673ab7;
}
label span.farbe5 {
background: #3F51B5;
}
label span.farbe6 {
background: #2196F3;
}
label span.farbe7 {
background: #03a9f4;
}
label span.farbe8 {
background: #00bcd4;
}
label span.farbe9 {
background: #009688;
}
label span.farbe10 {
background: #4caf50;
}
label span.farbe11 {
background: #8bc34a;
}
label span.farbe12 {
background: #cddc39;
}

11
express-server/public/stylesheets/style.css
View File

@@ -61,3 +61,14 @@
.farbeeen{
margin-left: 19px;
}
.spez-farbe{
background-color: #b3b3b3;
}
.trashgroup{
background: transparent;
position: absolute;
right:23px;
margin-top:-40px;
}