Styling changes & improvements

MOE_DEV_NEW_TEMPORARY_DESIGN
haroon amjad 6 years ago
parent 312556c035
commit a4d0efe6c0

@ -17,11 +17,10 @@
.main-badge{
position: absolute;
right: 16px;
border-radius: 50% !important;
line-height: 2;
border-radius: 60% !important;
line-height: 1.7;
margin: auto;
top: 0;
bottom: 0;
height: 32px;
height: 28px;
}

@ -23,6 +23,7 @@
line-height: 2;
min-width: auto;
min-height: auto;
left: 25px;
}
.header-div{
background:var(--primary);

@ -43,7 +43,7 @@ export class DateTimeInput extends UiElement {
// }
const template =
"<ion-item>" +
" <ion-label class='daynamicForm-Label " + requiredClass + "' id='title' >" + this.label + "</ion-label>" +
" <ion-label style='font-size: medium !important;' class='daynamicForm-Label " + requiredClass + "' id='title' >" + this.label + "</ion-label>" +
// " <div class='daynamicForm-DateTime " + disaledClass + "' id='" + this.elementId + "' data-dtvalue='" + this.value + "' " + this.disabled + ">" + this.value + "</div>" +
"<ion-datetime displayFormat='DD/MM/YYYY' value='" + this.value + "' id='" + this.elementId + "' data-dtvalue='" + this.value + "' " + this.disabled + "></ion-datetime>" +
// " <input class='daynamicForm-DateTime' type='text' id='" + this.elementId + "' value='" + this.value + "' "+this.disabled+" (click)='showDateTimePicker()'/>"+

@ -42,7 +42,7 @@ export class DateInput extends UiElement {
// "</div> ";
"<ion-item>" +
" <ion-label class='daynamicForm-Label " + requiredClass + "' id='title' >" + this.label + "</ion-label>" +
" <ion-label style='font-size: medium !important;' class='daynamicForm-Label " + requiredClass + "' id='title' >" + this.label + "</ion-label>" +
// " <div class='daynamicForm-DateTime " + disaledClass + "' id='" + this.elementId + "' data-dtvalue='" + this.value + "' " + this.disabled + ">" + this.value + "</div>" +
"<ion-datetime class='onic-date' (ionChange)='setDate()' displayFormat='MMM/DD/YYYY' value='" + this.value + "' id='" + this.elementId + "' data-dtvalue='" + this.value + "' " + this.disabled + " ></ion-datetime>" +
// " <input class='daynamicForm-DateTime' type='text' id='" + this.elementId + "' value='" + this.value + "' "+this.disabled+" (click)='showDateTimePicker()'/>"+

@ -27,7 +27,7 @@ export class NumberInput extends UiElement {
// "</div> ";
"<ion-item style='" + this.hidden + "'>" +
"<ion-label class='" + requiredClass + "'>" + this.label + "</ion-label>" +
"<ion-label style='font-size: medium !important;' class='" + requiredClass + "'>" + this.label + "</ion-label>" +
"<ion-input type='number' id='" + this.elementId + "' value='" + this.value + "' " + this.disabled + "> </ion-input>" +
"</ion-item> ";

@ -27,7 +27,7 @@ export class TextAreaInput extends UiElement {
// "</div> ";
"<ion-item style='" + this.hidden + "' >" +
"<ion-label id='title' >" + this.label + "</ion-label>" +
"<ion-label style='font-size: medium !important;' id='title' >" + this.label + "</ion-label>" +
"<ion-textarea id='" + this.elementId + "' " + this.disabled + " >" + this.value + "</ion-textarea>" +
"</ion-item>";

@ -25,8 +25,8 @@ export class TextInput extends UiElement {
const template =
// "<div class='custom-text-area-element' style='" + this.hidden + "'>" +
"<ion-item style='" + this.hidden + "'>" +
" <ion-label class='" + requiredClass + "'>" + this.label + "</ion-label>" +
" <ion-input type='Text' data-colm-text='" + this.textVal + "' id='" + this.elementId + "' value='" + this.value + "' " + this.disabled + "> </ion-input>" +
" <ion-label style='font-size: medium;' class='" + requiredClass + "'>" + this.label + "</ion-label>" +
" <ion-input type='text' data-colm-text='" + this.textVal + "' id='" + this.elementId + "' value='" + this.value + "' " + this.disabled + "> </ion-input>" +
"</ion-item> ";
return template;

@ -38,7 +38,7 @@ export class TimeInput extends UiElement {
// "</div> ";
"<ion-item>" +
" <ion-label id='title' >" + this.label + "</ion-label>" +
" <ion-label style='font-size: medium !important;' id='title' >" + this.label + "</ion-label>" +
// " <div class='daynamicForm-DateTime " + disaledClass + "' id='" + this.elementId + "' data-dtvalue='" + this.value + "' " + this.disabled + ">" + this.value + "</div>" +
"<ion-datetime displayFormat='HH:mm' value='" + this.value + "' id='" + this.elementId + "' " + this.disabled + "></ion-datetime>" +
// " <input class='daynamicForm-DateTime' type='text' id='" + this.elementId + "' value='" + this.value + "' "+this.disabled+" (click)='showDateTimePicker()'/>"+

Loading…
Cancel
Save