Fixed timepicker and updated themes for radiobutton alignment issues
parent
fa178db683
commit
5c3c177a93
|
@ -874,8 +874,8 @@
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #585858;
|
border: 1px solid #585858;
|
||||||
background: #585858;
|
background: #585858;
|
||||||
width: 1.5rem;
|
width: 20px;
|
||||||
height: 1.5rem;
|
height: 20px;
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
|
|
@ -874,8 +874,8 @@
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #585858;
|
border: 1px solid #585858;
|
||||||
background: #585858;
|
background: #585858;
|
||||||
width: 1.5rem;
|
width: 20px;
|
||||||
height: 1.5rem;
|
height: 20px;
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
|
|
@ -874,8 +874,8 @@
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #585858;
|
border: 1px solid #585858;
|
||||||
background: #585858;
|
background: #585858;
|
||||||
width: 1.5rem;
|
width: 20px;
|
||||||
height: 1.5rem;
|
height: 20px;
|
||||||
color: #dedede;
|
color: #dedede;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
|
|
@ -874,8 +874,8 @@
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #a6a6a6;
|
border: 1px solid #a6a6a6;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
width: 1.5rem;
|
width: 20px;
|
||||||
height: 1.5rem;
|
height: 20px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
|
|
@ -874,8 +874,8 @@
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #a6a6a6;
|
border: 1px solid #a6a6a6;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
width: 1.5rem;
|
width: 20px;
|
||||||
height: 1.5rem;
|
height: 20px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
|
|
@ -874,8 +874,8 @@
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #a6a6a6;
|
border: 1px solid #a6a6a6;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
width: 1.5rem;
|
width: 20px;
|
||||||
height: 1.5rem;
|
height: 20px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
|
|
@ -874,8 +874,8 @@
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #a6a6a6;
|
border: 1px solid #a6a6a6;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
width: 1.5rem;
|
width: 20px;
|
||||||
height: 1.5rem;
|
height: 20px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
|
|
@ -874,8 +874,8 @@
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #dadada;
|
border: 1px solid #dadada;
|
||||||
background: #f4f4f4;
|
background: #f4f4f4;
|
||||||
width: 1.5rem;
|
width: 20px;
|
||||||
height: 1.5rem;
|
height: 20px;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #ced4da;
|
border: 1px solid #ced4da;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #ced4da;
|
border: 1px solid #ced4da;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #ced4da;
|
border: 1px solid #ced4da;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #ced4da;
|
border: 1px solid #ced4da;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #ced4da;
|
border: 1px solid #ced4da;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #ced4da;
|
border: 1px solid #ced4da;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #ced4da;
|
border: 1px solid #ced4da;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #ced4da;
|
border: 1px solid #ced4da;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #2C3E50;
|
border: 1px solid #2C3E50;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #2C3E50;
|
border: 1px solid #2C3E50;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #2C3E50;
|
border: 1px solid #2C3E50;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #2C3E50;
|
border: 1px solid #2C3E50;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #2C3E50;
|
border: 1px solid #2C3E50;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #2C3E50;
|
border: 1px solid #2C3E50;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #2C3E50;
|
border: 1px solid #2C3E50;
|
||||||
|
|
|
@ -868,8 +868,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-radiobutton {
|
.p-radiobutton {
|
||||||
width: 20px;
|
width: 1.5rem;
|
||||||
height: 20px;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.p-radiobutton .p-radiobutton-box {
|
.p-radiobutton .p-radiobutton-box {
|
||||||
border: 1px solid #2C3E50;
|
border: 1px solid #2C3E50;
|
||||||
|
|
|
@ -2136,10 +2136,10 @@ export default {
|
||||||
return this.currentHour < 10 ? '0' + this.currentHour : this.currentHour;
|
return this.currentHour < 10 ? '0' + this.currentHour : this.currentHour;
|
||||||
},
|
},
|
||||||
formattedCurrentMinute() {
|
formattedCurrentMinute() {
|
||||||
return this.currentHour < 10 ? '0' + this.currentHour : this.currentHour;
|
return this.currentMinute < 10 ? '0' + this.currentMinute : this.currentMinute;
|
||||||
},
|
},
|
||||||
formattedCurrentSecond() {
|
formattedCurrentSecond() {
|
||||||
return this.currentHour < 10 ? '0' + this.currentHour : this.currentHour;
|
return this.currentSecond < 10 ? '0' + this.currentSecond : this.currentSecond;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
|
|
||||||
<h3>Checkbox and RadioButton</h3>
|
<h3>Checkbox and RadioButton</h3>
|
||||||
<div class="p-grid p-fluid">
|
<div class="p-grid p-fluid">
|
||||||
<div class="p-col-12 p-md-4">
|
<div class="p-col-12 p-md-12">
|
||||||
<div class="p-inputgroup">
|
<div class="p-inputgroup">
|
||||||
<span class="p-inputgroup-addon">
|
<span class="p-inputgroup-addon">
|
||||||
<Checkbox v-model="checked1" :binary="true" />
|
<Checkbox v-model="checked1" :binary="true" />
|
||||||
|
@ -88,7 +88,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-col-12 p-md-4">
|
<div class="p-col-12 p-md-12">
|
||||||
<div class="p-inputgroup">
|
<div class="p-inputgroup">
|
||||||
<InputText placeholder="Price"/>
|
<InputText placeholder="Price"/>
|
||||||
<span class="p-inputgroup-addon">
|
<span class="p-inputgroup-addon">
|
||||||
|
@ -97,7 +97,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-col-12 p-md-4">
|
<div class="p-col-12 p-md-12">
|
||||||
<div class="p-inputgroup">
|
<div class="p-inputgroup">
|
||||||
<span class="p-inputgroup-addon">
|
<span class="p-inputgroup-addon">
|
||||||
<Checkbox v-model="checked2" :binary="true" />
|
<Checkbox v-model="checked2" :binary="true" />
|
||||||
|
|
Loading…
Reference in New Issue