Fixed timepicker and updated themes for radiobutton alignment issues

pull/345/head
cagataycivici 2020-05-13 09:07:56 +03:00
parent fa178db683
commit 5c3c177a93
26 changed files with 53 additions and 53 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -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: {

View File

@ -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" />