Tenderfoot improvements

This commit is contained in:
Graham Triggs 2017-06-07 22:24:11 +01:00
parent 43523ab9cf
commit 06b792deed
13 changed files with 41 additions and 25 deletions

View file

@ -246,17 +246,17 @@ ul.visible {
position:relative;
top:-2px;
}
.progress, .progress div {
.capability-progress, .capability-progress div {
height:10px;
margin-bottom:-10px;
}
.progress {
.capability-progress {
position:absolute;
top:0px;
left:0px;
width:100%;
}
.progress div {
.capability-progress div {
background-color:#9999FF;
width:0%;
white-space:nowrap;
@ -268,7 +268,7 @@ hr {
background:#efefef;
}
.tabs {
width: auto;
width: 300px;
margin-bottom: 15px;
border: 0;
z-index: 10;

View file

@ -1009,7 +1009,7 @@ var unhide = function() {
$("#resetButton").removeAttr("disabled");
if ($(window).width() > 1230) {
$("#container").css("box-shadow", "0px 0px 20px -6px #000000");
$("#container").animate({"height" : "600px", "width" : "1200px", "margin-left" : "-130px"}, 500);
$("#container").animate({"height" : "600px", "width" : "1200px", "margin-bottom" : "20px", "margin-left" : (($("#main-content").width() - 1200) / 2) + "px"}, 500);
$("#center-container").css("width", "900px");
} else {
$("#container").animate({"height" : "600px"});

View file

@ -112,7 +112,7 @@ ${stylesheets.add(
<div id="center-container">
<div id="log"></div>
<div id="infovis"></div>
<div class="progress"><div id="progressbar"></div></div>
<div class="capability-progress"><div id="progressbar"></div></div>
</div>
<div id="right-container">

View file

@ -77,13 +77,19 @@ article.property li h3 {
}
#individual-intro span.display-title {
padding-left: 10px;
padding-left: 0px;
margin-left: 10px;
}
#individual-intro span.display-title, h1.fn .display-title {
#individual-intro h1.foaf-person span.display-title {
font-size: .825em;
border-left: 1px solid #a6b1b0;
padding-left: 10px;
}
#individual-intro h2 {
clear: both;
margin-left: 10px;
}
ul#individual-hasResearchArea li,

View file

@ -278,3 +278,24 @@ h5 {
font-size: .875em;
color: #064d68;
}
label {
display: block;
}
#developerPanel h1 {
line-height: 1.5em;
}
#developerPanel .container {
width: auto;
}
table.classHierarchy {
min-width: auto;
max-width: none;
display: block;
margin-right: 0px;
}
section#container div {
width: auto;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 294 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 175 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 281 B

View file

@ -82,7 +82,6 @@
</div>
<div class="row person-details">
<div class="col-md-12">
<#include "individual-adminPanel.ftl">
<!-- Positions -->
<#include "individual-positions.ftl">
<!-- Research Areas -->

View file

@ -30,6 +30,7 @@
<header id="branding" role="banner">
<#include "identity.ftl">
</header>
<#include "developer.ftl">
<#include "menu.ftl">
<#include "message.ftl">
<div class="row hero">

View file

@ -12,22 +12,11 @@
<header id="branding" role="banner" -->
<#include "identity.ftl">
</header>
<#include "developer.ftl">
<#include "menu.ftl">
<#include "message.ftl">
<div id="wrapper-content" role="main" class="container">
<#if flash?has_content>
<#if flash?starts_with(i18n().menu_welcomestart) >
<section id="welcome-msg-container" role="container">
<section id="welcome-message" role="alert">${flash}</section>
</section>
<#else>
<section id="flash-message" role="alert">
${flash}
</section>
</#if>
</#if>
<!--[if lte IE 8]>
<noscript>
<p class="ie-alert">This site uses HTML elements that are not recognized by Internet Explorer 8 and below in the absence of JavaScript. As a result, the site will not be rendered appropriately. To correct this, please either enable JavaScript, upgrade to Internet Explorer 9, or use another browser. Here are the <a href="http://www.enable-javascript.com" title="java script instructions">instructions for enabling JavaScript in your web browser</a>.</p>