Styling changes & improvements

MOHEMM-Q3-DEV-LATEST
haroon amjad 7 years ago
parent 312556c035
commit a4d0efe6c0

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

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

@ -43,7 +43,7 @@ export class DateTimeInput extends UiElement {
// } // }
const template = const template =
"<ion-item>" + "<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>" + // " <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>" + "<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()'/>"+ // " <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> "; // "</div> ";
"<ion-item>" + "<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>" + // " <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>" + "<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()'/>"+ // " <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> "; // "</div> ";
"<ion-item style='" + this.hidden + "'>" + "<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-input type='number' id='" + this.elementId + "' value='" + this.value + "' " + this.disabled + "> </ion-input>" +
"</ion-item> "; "</ion-item> ";

@ -27,7 +27,7 @@ export class TextAreaInput extends UiElement {
// "</div> "; // "</div> ";
"<ion-item style='" + this.hidden + "' >" + "<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-textarea id='" + this.elementId + "' " + this.disabled + " >" + this.value + "</ion-textarea>" +
"</ion-item>"; "</ion-item>";

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

@ -38,7 +38,7 @@ export class TimeInput extends UiElement {
// "</div> "; // "</div> ";
"<ion-item>" + "<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>" + // " <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>" + "<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()'/>"+ // " <input class='daynamicForm-DateTime' type='text' id='" + this.elementId + "' value='" + this.value + "' "+this.disabled+" (click)='showDateTimePicker()'/>"+

Loading…
Cancel
Save