Skip to content

P
PERFORMA_REPLICA
Commit e03ad29b by Nilu
Options

HT004 styling changes for express questionnaire

parent 372885e7
Showing with 38 additions and 24 deletions
cmsWebApp/webroot/css/common.css
...@@ -2981,11 +2981,16 @@ span.export-candidate,span.appli-status-short{ ...@@ -2981,11 +2981,16 @@ span.export-candidate,span.appli-status-short{
width: 25%; width: 25%;
font-family: "Usual-Bold"; font-family: "Usual-Bold";
} }
.pro-bar { .score-bar {
padding: 28px 38px 22px 62px;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
} }
.pro-bar {
padding: 28px 38px 22px 62px;
}
.express-bar {
padding: 10px 38px 35px 62px;
}
.pro-bar:hover{ .pro-bar:hover{
box-shadow: 3px 3px 15px #666; box-shadow: 3px 3px 15px #666;
border-color:#C76C0C; border-color:#C76C0C;
...@@ -3044,7 +3049,7 @@ span.appli-progress-bar { ...@@ -3044,7 +3049,7 @@ span.appli-progress-bar {
.hasarrow img{ .hasarrow img{
margin-top: -1px; margin-top: -1px;
} }
.main-pro-bar{ .main-score-bar{
border-bottom: solid 1px #e3e3e3; border-bottom: solid 1px #e3e3e3;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
...@@ -3216,10 +3221,12 @@ input.add-note-btn:hover{ ...@@ -3216,10 +3221,12 @@ input.add-note-btn:hover{
padding-top: 0px; padding-top: 0px;
} }
.expand-hide-tag{ .expand-hide-tag{
display: none;
}
.core-values{
background-color: #f2f3f4; background-color: #f2f3f4;
float: left; float: left;
width: 100%; width: 100%;
display: none;
} }
.tab-row{ .tab-row{
float: left; float: left;
...@@ -4440,6 +4447,7 @@ img.alert-icon {float: left;} ...@@ -4440,6 +4447,7 @@ img.alert-icon {float: left;}
.job-filter li{margin: 0 8px;} .job-filter li{margin: 0 8px;}
.job-filter > ul {padding-right: 10%;} .job-filter > ul {padding-right: 10%;}
.pro-bar {padding: 25px 15px 22px;} .pro-bar {padding: 25px 15px 22px;}
.express-bar {padding: 10px 10px 30px;}
.app-right-b {padding: 20px 0 5px 15px;} .app-right-b {padding: 20px 0 5px 15px;}
.applicant-contact-info{padding: 20px 15px 5px;} .applicant-contact-info{padding: 20px 15px 5px;}
.applicant-note {padding: 20px 15px;} .applicant-note {padding: 20px 15px;}
...@@ -4459,7 +4467,6 @@ img.alert-icon {float: left;} ...@@ -4459,7 +4467,6 @@ img.alert-icon {float: left;}
.contact-value a{font-size: 11px;} .contact-value a{font-size: 11px;}
.applicant-tab ul li a{font-size: 9px;line-height: 40px;} .applicant-tab ul li a{font-size: 9px;line-height: 40px;}
.applicant-sidebar li {line-height: 38px;} .applicant-sidebar li {line-height: 38px;}
.pro-bar{padding: 20px 10px 15px;}
.chief-officer{font-size: 19px;} .chief-officer{font-size: 19px;}
.off-name{font-size: 12px;} .off-name{font-size: 12px;}
.appli-progress-bar .progress {height: 16px;} .appli-progress-bar .progress {height: 16px;}
...@@ -4940,7 +4947,7 @@ img.alert-icon {float: left;} ...@@ -4940,7 +4947,7 @@ img.alert-icon {float: left;}
.lable-job-shorting{font-size: 9px;} .lable-job-shorting{font-size: 9px;}
.applicant-header {padding: 18px 0;} .applicant-header {padding: 18px 0;}
.appli-label {font-size: 13px;text-align: center;width: 100%;margin-bottom: 5px;} .appli-label {font-size: 13px;text-align: center;width: 100%;margin-bottom: 5px;}
.pro-bar {padding: 10px 10px 8px;text-align: center;} .score-bar {padding: 10px 10px 8px;text-align: center;}
.rateing-title{font-size: 13px;padding: 23px 30px;width: 75%;position: relative;} .rateing-title{font-size: 13px;padding: 23px 30px;width: 75%;position: relative;}
.rateing-title span {font-size: 12px;position: absolute;right: -23%;top: 6px;} .rateing-title span {font-size: 12px;position: absolute;right: -23%;top: 6px;}
.int-timeline li,.int-timeline li a,.int-timeline{width: 100%;border-radius: 0;margin: 0;} .int-timeline li,.int-timeline li a,.int-timeline{width: 100%;border-radius: 0;margin: 0;}
......
cmsWebApp/webroot/extensions/adminportal/inc/view_application_tab_applicant.jsp
...@@ -284,21 +284,28 @@ ...@@ -284,21 +284,28 @@
ColorCode colorCode = roleScoreMap.get(factorClass).get1(); ColorCode colorCode = roleScoreMap.get(factorClass).get1();
String cssClass = colorCode != null ? colorCode.getCSSClass() : ""; String cssClass = colorCode != null ? colorCode.getCSSClass() : "";
%> %>
<div class="main-pro-bar"> <div class="main-score-bar <%= job.isExpressJob() ? "" : "main-pro-bar"%>">
<div class="pro-bar"> <div class="score-bar <%= job.isExpressJob() ? "express-bar" : "pro-bar"%>">
<span class="appli-label"><oneit:toString value="<%= factorClass %>" mode="EscapeHTML"/></span> <span class="appli-label"><oneit:toString value="<%= factorClass %>" mode="EscapeHTML"/></span>
<span class="appli-percen gray"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber"/></span> <%
<span class="appli-progress-bar"> if(!job.isExpressJob())
<div class="progress"> {
<div class="progress-bar <%= cssClass %>" role="progressbar" aria-valuenow="<%= rating %>" aria-valuemin="0" aria-valuemax="100" style="width:<%= rating %>%"></div> %>
</div> <span class="appli-percen gray"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber"/></span>
</span> <span class="appli-progress-bar">
<span class="expand-box"> <div class="progress">
<span class="hasarrow"><img src="images/select-down-arrow.svg"></span> <div class="progress-bar <%= cssClass %>" role="progressbar" aria-valuenow="<%= rating %>" aria-valuemin="0" aria-valuemax="100" style="width:<%= rating %>%"></div>
</span> </div>
</span>
<span class="expand-box">
<span class="hasarrow"><img src="images/select-down-arrow.svg"></span>
</span>
<%
}
%>
</div> </div>
<div class="expand-hide-tag"> <div class="core-values <%= job.isExpressJob() ? "" : "expand-hide-tag"%>">
<% <%
for(FactorLevelLink factorLevelLink : factorDetails.keySet()) for(FactorLevelLink factorLevelLink : factorDetails.keySet())
{ {
...@@ -358,8 +365,8 @@ ...@@ -358,8 +365,8 @@
Long rating = cultureFitData.get(cClass).get0(); Long rating = cultureFitData.get(cClass).get0();
%> %>
<div class="main-pro-bar"> <div class="main-score-bar main-pro-bar">
<div class="pro-bar"> <div class="score-bar pro-bar">
<span class="appli-label"><oneit:toString value="<%= cClass %>" mode="EscapeHTML"/></span> <span class="appli-label"><oneit:toString value="<%= cClass %>" mode="EscapeHTML"/></span>
<span class="appli-percen gray"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber" /></span> <span class="appli-percen gray"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber" /></span>
<span class="appli-progress-bar"> <span class="appli-progress-bar">
...@@ -371,7 +378,7 @@ ...@@ -371,7 +378,7 @@
<span class="hasarrow"><img src="images/select-down-arrow.svg" /></span> <span class="hasarrow"><img src="images/select-down-arrow.svg" /></span>
</span> </span>
</div> </div>
<div class="expand-hide-tag"> <div class="core-values expand-hide-tag">
<% <%
for(Tuple.T3 tuple : cultureFitData.get(cClass).get1()) for(Tuple.T3 tuple : cultureFitData.get(cClass).get1())
{ {
...@@ -409,8 +416,8 @@ ...@@ -409,8 +416,8 @@
{ {
Long rating = requirementFitData.get(importance); Long rating = requirementFitData.get(importance);
%> %>
<div class="main-pro-bar <%= importance %>"> <div class="main-score-bar main-pro-bar <%= importance %>">
<div class="pro-bar"> <div class="score-bar pro-bar">
<span class="appli-label"><oneit:toString value="<%= importance %>" mode="EscapeHTML"/></span> <span class="appli-label"><oneit:toString value="<%= importance %>" mode="EscapeHTML"/></span>
<span class="appli-percen gray"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber" /></span> <span class="appli-percen gray"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber" /></span>
<span class="appli-progress-bar"> <span class="appli-progress-bar">
...@@ -433,7 +440,7 @@ ...@@ -433,7 +440,7 @@
if(reqAnswersByImportance.getValuesForKey(importance)!=null) if(reqAnswersByImportance.getValuesForKey(importance)!=null)
{ {
%> %>
<div class="expand-hide-tag"> <div class="core-values expand-hide-tag">
<% <%
for(AssessmentCriteriaAnswer answer: reqAnswersByImportance.getValuesForKey(importance)) for(AssessmentCriteriaAnswer answer: reqAnswersByImportance.getValuesForKey(importance))
{ {
......
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