Commit ae9624ca by Saliya Randunu

ui fixes in verify identity page

parent 07bf7755
......@@ -1710,6 +1710,9 @@ p.job-txt , p.job-txt span{
height: 45px;
text-align: right;
}
.apply-job-logo-header .logo-img img {
height: 100%;
}
.apply-job-logo-header .header-title {
padding-left: 40px;
......@@ -1717,7 +1720,7 @@ p.job-txt , p.job-txt span{
font-size: 26px;
font-weight: bold;
line-height: 60px;
width: 40%;
width: 66%;
float: left;
}
......@@ -1975,6 +1978,45 @@ table.pos-table{
font-weight: normal;
margin-bottom: 13px;
}
.seperate-line{
margin-top: 40px;
margin-bottom: 40px;
border: 0;
border-top: 1px solid #E5E5E5;
}
.relocate-warning-box {
border: 1px solid #F9623D;
border-radius: 3px;
background-color: #F5F7F8;
padding: 30px;
text-align: left;
margin: 40px 0;
position: relative;
}
.relocate-warning-box .styled_checkboxes{margin-top: 30px;}
.relocate-warning-box .styled_checkboxes .checkbox, .relocate-warning-box .styled_checkboxes .checkbox label {margin: 0;}
.relocate-warning-box p{
color: #4A4A4A;
line-height: 22px;
font-size: 14px;
font-weight: 300;
}
.relocate-warning-box .warning-icon{
top: 24px;
left: -16px;
box-sizing: border-box;
height: 32px;
width: 32px;
position: absolute;
border-radius: 50%;
background: url('../images/icon-requirements.png') #F9623D no-repeat center center ;
background-size: 25%;
}
/*Verify Identity Page End*/
/*Application Outline Page*/
......
......@@ -155,11 +155,12 @@
<label><oneit:ormlabel obj="<%= candidate %>" field="Phone" /></label>
<oneit:ormInput obj="<%= candidate %>" type="text" attributeName="Phone" cssClass="form-control second-style" required="true"/>
</div>
<hr class="seperate-line">
<div class="form-group text-left">
<label>Location</label>
<oneit:ormInput obj="<%= candidate %>" type="text" attributeName="GoogleAddressText" class="autoAddress" id="<%= "gAddress_"+candidate.getObjectID() %>" placeholder="Enter your address" cssClass="form-control" />
</div>
<div class="form-group text-left">
<div class="form-group text-left" style="margin-top: 30px;">
<div class="styled_checkboxes">
<div class="checkbox checkbox-primary">
<oneit:ormInput obj="<%= candidate %>" id="prefer-remote" attributeName="PreferRemote" type="checkbox"/>
......@@ -171,24 +172,27 @@
</div>
</div>
</div>
<div class="form-group text-left">
<label>
We noticed that your location is different to the location of the job (Melbourne, 3000).<br/>
Are you prepared to relocate for this position?
</label>
</div>
<div class="form-group text-left">
<div class="styled_checkboxes">
<div class="checkbox checkbox-primary">
<oneit:ormInput obj="<%= candidate %>" id="happy-to-relocate" attributeName="HappyToRelocate" type="checkbox" />
<oneit:recalcClass htmlTag="span" classScript="candidate.showHappyToRelocate() ? 'checked': 'unchecked'" candidate="<%= candidate %>">
<label for="happy-to-relocate">
<oneit:label GUIName="Yes, I am happy to relocate"/>
</label>
</oneit:recalcClass>
<div class="relocate-warning-box">
<p>
We noticed that your location is different to the location of the job (Melbourne, 3000).
</p>
<p>
Are you prepared to relocate for this position?
</p>
<div class="styled_checkboxes">
<div class="checkbox checkbox-primary">
<oneit:ormInput obj="<%= candidate %>" id="happy-to-relocate" attributeName="HappyToRelocate" type="checkbox" />
<oneit:recalcClass htmlTag="span" classScript="candidate.showHappyToRelocate() ? 'checked': 'unchecked'" candidate="<%= candidate %>">
<label for="happy-to-relocate">
<oneit:label GUIName="Yes, I am happy to relocate"/>
</label>
</oneit:recalcClass>
</div>
</div>
</div>
</div>
<span class="warning-icon"></span>
</div>
<%
if(isVerify)
{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment