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