Commit 300c6b6f authored by Matija Obreza's avatar Matija Obreza

Genesys UX 2016 (Institutes)

parent fe02af8f
......@@ -1039,6 +1039,16 @@ $heading-font-family: 'Roboto-Bold';
}
// contries and institutes list
.institutes-page {
.informative-h1 {
padding-bottom: 15px;
padding-top: 10px;
}
.list-view-controls {
padding-top: 20px;
}
}
.informative-h1 {
padding-bottom: 10px;
h1, p {
......@@ -1086,72 +1096,43 @@ $heading-font-family: 'Roboto-Bold';
}
}
.paginate {
padding-left: 5px;
padding-top: 16px;
padding-bottom: 16px;
.results, .page-amount {
display: inline-block;
vertical-align: middle;
font-family: $emphasis-font-family;
font-size: 14px;
color: $dark-text-color;
}
.results {
margin-right: 5px;
}
.page-amount {
margin-left: 5px;
}
.form-control {
display: inline-block;
vertical-align: middle;
width: 83px;
border-radius: 0;
border: 1px solid #999895;
background: $white-color;
height: 31px;
margin: 0px -5px;
@include placeholder {
font-family: $emphasis-font-family;
color: $dark-text-color;
font-size: 14px;
text-align: center;
.pagination {
margin: 20px 0;
li {
> span, > a {
background: #efeeef;
border: 1px solid #949490;
padding: 0px 10px 4px;
}
}
a {
display: inline-block;
background: #e8e8e8;
border: 1px solid #999895;
color: $dark-text-color;
padding: 2px 10px 5px;
}
.fa {
display: inline-block;
vertical-align: middle;
font: normal normal normal 16px/1 FontAwesome;
&.fa-chevron-right:before {
content: "\f054";
span, a {
color: $dark-text-color;
font-family: $emphasis-font-family;
font-size: 24px;
line-height: 24px;
&.pagination-input {
padding: 0;
input {
border: none;
width: 85px;
font-size: 16px;
height: 26px;
}
}
}
&.fa-chevron-left:before {
content: "\f053";
&:first-child, &:last-child {
span {
padding: 2px 10px 0px;
border-radius: 0;
border: none;
background: transparent;
font-size: 14px;
}
}
}
}
.paginate-bottom-wrap {
width: 100%;
text-align: left;
}
#letter-top, #letter-bottom {
padding-top: 16px;
......@@ -1194,6 +1175,35 @@ $heading-font-family: 'Roboto-Bold';
}
}
.institute-list {
background: #e7e5df;
padding: 0px 20px;
> div {
margin-bottom: 5px;
padding-top: 11px;
padding-bottom: 9px;
font-family: $default-font-family;
font-size: 14px;
line-height: 20px;
clear: both;
a {
width: 80%;
}
div {
width: 20%;
text-align: right;
}
&:nth-child(odd) {
background: #f8f7f4;
}
&:nth-child(even) {
background: #f4f3ee;
}
}
}
.funny-list {
background: $content-footer-bg;
padding: 0;
......@@ -2039,6 +2049,33 @@ $heading-font-family: 'Roboto-Bold';
}
}
.institutes-page nav {
width: 100%;
.pagination {
width: 100%;
text-align: center;
li {
display: inline-block;
margin: 0 -2px;
span.pagination-input input {
width: 50px;
}
}
}
}
.institute-list {
> div {
a {
width: 75%;
}
div {
width: 25%;
}
}
}
#letter-top, #letter-bottom {
padding-bottom: 12px;
padding-top: 9px;
......@@ -2063,29 +2100,6 @@ $heading-font-family: 'Roboto-Bold';
}
}
.paginate-bottom-wrap {
.paginate {
padding-left: 0;
text-align: center;
}
}
.institutes-page .funny-list {
li {
a {
font-size: 13px;
line-height: 14px;
width: 79%;
}
div {
font-size: 13px;
width: 21%;
line-height: 14px;
}
}
}
.funny-list {
column-count: 1;
-moz-column-count: 1;
......
......@@ -30,9 +30,9 @@
</div>
</div>
<div class="row">
<div class="row institute-list">
<c:forEach items="${pagedData.content}" var="faoInstitute" varStatus="status">
<div class="col-sm-12 ${faoInstitute.current ? '' : 'not-current'}">
<div class="col-sm-12 clearfix ${faoInstitute.current ? '' : 'not-current'}">
<a class="show pull-left" href="<c:url value="/wiews/${faoInstitute.code}" />">
<b>
<c:out value="${faoInstitute.code}" />
......@@ -46,6 +46,9 @@
</div>
</c:forEach>
</div>
<local:paginate2 page="${pagedData}"/>
</body>
</html>
\ No newline at end of file
......@@ -9,14 +9,11 @@
<%--
This is the more civil <nav> version of the pagination
--%>
<nav class="text-center">
<nav class="text-center pull-left">
<ul class="pagination pagination-lg">
<li><span style="color: inherit"><spring:message code="paged.totalElements"
<li><span><spring:message code="paged.totalElements"
arguments="${page.totalElements}" /></span></li>
<li><span style="color: inherit"><spring:message code="paged.pageOfPages"
arguments="${page.number+1},${page.totalPages}" /></span></li>
<c:if test="${page.number eq 0}">
<li class="disabled"><span
aria-label="<spring:message
......@@ -42,10 +39,10 @@
code="pagination.previous-page" />">&lsaquo;</a></li>
</c:if>
<li><span style="padding: 7px 16px 6px; ">
<li><span class="pagination-input">
<form method="get" action="">
<input class="text-center" style="width: 4em;" type="text" name="page"
placeholder="${page.number + 1}" value="<c:out value="${page.number + 1}" />" />
<input class="text-center" type="text" name="page"
placeholder="<c:out value="${page.number + 1}" />" value="<c:out value="${page.number + 1}" />" />
</form>
</span></li>
......@@ -61,5 +58,6 @@
href="<spring:url value=""><spring:param name="page" value="${page.totalPages}" /></spring:url>" aria-label="<spring:message
code="pagination.next-page" />">&raquo;</a></li>
</c:if>
<li><span><spring:message code="paged.pageOfPages" arguments="${page.number+1},${page.totalPages}" /></span></li>
</ul>
</nav>
\ No newline at end of file
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