diff --git a/credits.html b/credits.html
index 56cfc72..2af522d 100644
--- a/credits.html
+++ b/credits.html
@@ -15,36 +15,20 @@ permalink: /credits/
margin: 4px;
width: 280px;
}
-#contrib > paper-item a > :first-child {
- height: 40px;
- width: 40px;
-}
-#contrib > paper-item a > div {
- display: inline-block;
- padding-left: 16px;
- font-size: 16pt;
-}
#contrib > paper-item.admin {
box-shadow: rgba(121, 134, 203, 1) 0px 2px 4px, rgba(121, 134, 203, 1) 0px 0px 3px;
}
#contrib > paper-item.member {
box-shadow: rgba(100, 181, 246, 0.0980392) 0px 2px 4px, rgba(100, 181, 246, 1) 0px 0px 3px;
}
-.secondary {
- font-size: 14pt;
- color: rgba(0, 0, 0, 0.54);
-}
-#contrib paper-spinner {
- margin-right: 0.5em;
-}
LOOT relies on the submission of information by users to improve. We can't list everyone who has posted in LOOT's forum threads, but the people who have contributed on GitHub are listed below.
Team members and admins have blue and purple shadows respectively.
-
+
Fetching contributors...
-
+
diff --git a/index.html b/index.html
index 7c594d2..7d240c3 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,6 @@ title: Home
While sorting, LOOT checks for load order errors (such as incompatibilities and missing requirements) and notifies you of any issues that it detects. It also provides thousands of plugin-specific messages, such as usage notes and bug warnings, to help keep your game healthy.
-
Download LOOT
+
Download LOOT
While we welcome user feedback, please check the FAQs in case you have a question that has already been answered.
diff --git a/js/credits.js b/js/credits.js
index 07fea78..b7bbdd6 100644
--- a/js/credits.js
+++ b/js/credits.js
@@ -20,10 +20,15 @@ function addToList(listElement, person) {
var primarySpan = document.createElement('span');
var secondarySpan = document.createElement('span');
- li.setAttribute('layout', '');
- li.setAttribute('horizontal', '');
- li.setAttribute('center', '');
+ li.classList.add('two-line');
+
+ a.setAttribute('layout', '');
+ a.setAttribute('horizontal', '');
+ a.setAttribute('center', '');
+ img.className = 'avatar';
+ div.className = 'text';
+ primarySpan.className = 'primary';
secondarySpan.className = 'secondary';
a.href = person.html_url;
@@ -32,9 +37,9 @@ function addToList(listElement, person) {
secondarySpan.textContent = person.contributions + ' contributions';
if (admins.indexOf(person.login) !== -1) {
- li.className = 'admin';
+ li.classList.add('admin');
} else if (team.indexOf(person.login) !== -1) {
- li.className = 'member';
+ li.classList.add('member');
}
li.appendChild(a);
a.appendChild(img);
@@ -132,7 +137,7 @@ function storeTeamMembers(err, data) {
console.log(err);
return;
}
-
+
for (var i = 0; i < data.length; i++) {
team.push(data[i].login);
}
diff --git a/js/search.js b/js/search.js
index 02a2bc0..d3e9ea6 100644
--- a/js/search.js
+++ b/js/search.js
@@ -43,7 +43,7 @@ function readMasterlist(err, data) {
}
var masterlist = jsyaml.safeLoad(data);
- document.getElementById('progress').classList.remove('show');
+ document.getElementById('progress').classList.add('hidden');
/* Do search here. */
console.log("Starting search.");
@@ -86,7 +86,7 @@ function onSearchInit(evt) {
}
console.log("Loading masterlist...");
- progress.classList.add('show');
+ progress.classList.remove('hidden');
}
// Startup Code
diff --git a/overrides.css b/overrides.css
index 439c749..da26b3b 100644
--- a/overrides.css
+++ b/overrides.css
@@ -1,12 +1,78 @@
+/* paper-button */
+paper-button {
+ min-width: 88px;
+ height: 36px;
+ line-height: 36px;
+ margin: 6px 4px;
+}
+paper-button::shadow .button-content {
+ padding: 0 8px;
+}
paper-button::shadow .button-content ::content a {
- margin: -0.7em -0.57em;
- flex: 1 1 auto;
+ margin: 0 -8px;
+ padding: 0 8px;
+ -ms-flex: 1 1 auto;
+}
+/* paper-item */
+nav > paper-item {
+ color: rgba(0, 0, 0, 0.87);
+ height: 48px;
+ line-height: 48px;
+}
+nav > paper-item:first-child {
+ margin-top: 8px;
+}
+paper-item core-icon {
+ margin-right: 32px;
+ color: rgba(0, 0, 0, 0.54);
+}
+paper-item .avatar {
+ width: 40px;
+ height: 40px;
+ margin-right: 16px;
+ vertical-align: top;
+}
+paper-item::shadow .button-content {
+ padding: 0 16px;
+}
+paper-item::shadow .button-content ::content * {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
}
paper-item::shadow .button-content ::content a {
- padding: 16px 16px 20px;
- margin: -16px -16px -20px;
- flex: 1 1 auto;
+ margin: 0 -16px;
+ padding: 0 16px;
+ -ms-flex: 1 1 auto;
}
+/* paper-item (two-line) */
+paper-item.two-line {
+ height: 72px;
+}
+paper-item.two-line::shadow .button-content {
+ padding: 16px 16px;
+}
+paper-item.two-line::shadow .button-content ::content a {
+ margin: -16px -16px;
+ padding: 16px 16px;
+}
+paper-item.two-line .text {
+ /* Padding is disabled as otherwise text won't fit in correctly. */
+ /*padding: 4px 0;*/
+ line-height: normal;
+}
+paper-item.two-line .primary {
+ /* MD spec says 16sp, but that doesn't fit, so use 14sp. */
+ /*font-size: 1.143rem;*/
+ font-size: 1rem;
+}
+paper-item.two-line .secondary {
+ /* MD spec says 14sp, but that doesn't fit, so use 12sp. */
+ /*font-size: 1rem; */
+ font-size: 0.857rem;
+ color: rgba(0, 0, 0, 0.54);
+}
+/* paper-input-decorator */
paper-input-decorator {
display: inline-block !important;
}
diff --git a/search.html b/search.html
index 45bf5c0..5262464 100644
--- a/search.html
+++ b/search.html
@@ -5,34 +5,19 @@ permalink: /search/
---
-