diff --git a/resources/report/bower.json b/resources/report/bower.json index 235d794c..717766b1 100644 --- a/resources/report/bower.json +++ b/resources/report/bower.json @@ -32,8 +32,6 @@ "paper-progress": "Polymer/paper-progress#~0.5.0", "core-animated-pages": "Polymer/core-animated-pages#~0.5.1", "paper-toast": "Polymer/paper-toast#~0.5.1", - "core-list": "WrinklyNinja/core-list#51e27f42c86a91cbbe0933f618b2e82905dda83a", - "core-header-panel": "Polymer/core-header-panel#~0.5.1", - "core-scaffold": "Polymer/core-scaffold#~0.5.1" + "core-list": "WrinklyNinja/core-list#51e27f42c86a91cbbe0933f618b2e82905dda83a" } } diff --git a/resources/report/css/overrides.css b/resources/report/css/overrides.css index 978b25a9..17ab7e57 100644 --- a/resources/report/css/overrides.css +++ b/resources/report/css/overrides.css @@ -1,22 +1,9 @@ /* These styles override Polymer's own internal styling for certain elements. */ -/* The following is for the app and drawer bars. */ -core-toolbar, core-scaffold::shadow core-toolbar { - background: #4285f4; - color: white; - height: 56px; -} - /* The following is for setting the size of the drawer in narrow mode. */ -html /deep/ .narrow-layout #drawer { +#container::shadow .narrow-layout #drawer { width: 50% !important; - background: white; -} - -/* Let the element stretch to fit the sidebar. */ -core-header-panel::shadow #mainContainer { - display: flex; - flex-direction: column; + background: #f8f8f8; } /* These overrides change the colour of the game menu's text and underline. */ @@ -63,11 +50,11 @@ html /deep/ paper-item[disabled] { } /* These overrides change the colour of the tab ink effect and their underline. */ -core-toolbar > paper-tabs::shadow #selectionBar { +#mainToolbar paper-tabs::shadow #selectionBar { background-color: white; height: 4px; } -core-toolbar paper-tab::shadow #ink { +#mainToolbar paper-tab::shadow #ink { color: #f1f1f1; } diff --git a/resources/report/css/style.css b/resources/report/css/style.css index e7c6da6e..bb7a4c3c 100644 --- a/resources/report/css/style.css +++ b/resources/report/css/style.css @@ -30,10 +30,18 @@ body { background:#f8f8f8; height: 100%; } - +#mainToolbar { + background: #4285f4; + color: white; + width: 99.99vw; /* Fix for scollbars when LOOT is run through Mod Organiser. */ + height: 56px; +} #mainToolbar paper-dropdown { color: black; } +#sidebarTabs { + width: calc(33% - 11px); +} div[drawer] > core-tooltip { margin: 0 12px; @@ -65,7 +73,6 @@ paper-item > a { } #searchBox { display: block; - padding: 0 1em; } #container { position: fixed; @@ -217,3 +224,14 @@ paper-progress { #firstRun .tag { margin: 0; } + + +/* This animates the drawer toggle appearing in narrow view. */ +#drawerToggle { + display: none; +} +@media screen and (max-width: 640px) { + #drawerToggle { + display: block; + } +} \ No newline at end of file diff --git a/resources/report/js/script.js b/resources/report/js/script.js index b57f5df0..a355e1af 100644 --- a/resources/report/js/script.js +++ b/resources/report/js/script.js @@ -977,6 +977,9 @@ function handleClearMetadata(evt) { } }); } +function toggleDrawer(evt) { + document.getElementById('container').togglePanel(); +} function handleSidebarClick(evt) { if (evt.target.hasAttribute('data-index')) { window.location.hash = ''; @@ -1035,6 +1038,7 @@ function setupEventHandlers() { document.body.addEventListener('loot-copy-metadata', handleCopyMetadata, false); document.body.addEventListener('loot-clear-metadata', handleClearMetadata, false); + document.getElementById('drawerToggle').addEventListener('click', toggleDrawer, false); document.getElementById('cardsNav').addEventListener('click', handleSidebarClick, false); } function initVars() { diff --git a/resources/report/report.html b/resources/report/report.html index fb5c8ac7..6596017b 100644 --- a/resources/report/report.html +++ b/resources/report/report.html @@ -19,11 +19,9 @@ - - @@ -41,15 +39,74 @@ - - - - - - Plugins - Filters - - + + + + + Plugins + Filters + + + + + + + + + + + + + + + + +
+ + + Redate Plugins + + + + Clear All User Metadata + + + + Copy Content + + + + Refresh Content + + + + + Settings + + + + + View Documentation + + + + Open Debug Log Location + + + + About + + + + + Quit + +
+
+
+
+ +
@@ -89,68 +146,8 @@ - -
- - - - - - - - - - - - - - - -
- - - Redate Plugins - - - - Clear All User Metadata - - - - Copy Content - - - - Refresh Content - - - - - Settings - - - - - View Documentation - - - - Open Debug Log Location - - - - About - - - - - Quit - -
-
-
-
+

Summary

@@ -218,7 +215,7 @@ - +