diff --git a/resources/report/bower.json b/resources/report/bower.json index ebcd74df..9064a697 100644 --- a/resources/report/bower.json +++ b/resources/report/bower.json @@ -13,21 +13,25 @@ "tests" ], "dependencies": { - "polymer": "Polymer/polymer#~0.4.2", - "paper-icon-button": "Polymer/paper-icon-button#~0.4.2", - "paper-dropdown-menu": "Polymer/paper-dropdown-menu#~0.4.2", - "core-toolbar": "Polymer/core-toolbar#~0.4.2", - "core-icons": "Polymer/core-icons#~0.4.2", - "core-tooltip": "Polymer/core-tooltip#~0.4.2", - "core-drawer-panel": "Polymer/core-drawer-panel#~0.4.2", - "paper-input": "Polymer/paper-input#~0.4.2", - "paper-tabs": "Polymer/paper-tabs#~0.4.2", - "core-menu": "Polymer/core-menu#~0.4.2", - "paper-checkbox": "Polymer/paper-checkbox#~0.4.2", - "paper-dialog": "Polymer/paper-dialog#~0.4.2", - "paper-menu-button": "Polymer/paper-menu-button#~0.4.2", + "polymer": "Polymer/polymer#~0.5.0", + "paper-icon-button": "Polymer/paper-icon-button#~0.5.0", + "paper-dropdown-menu": "Polymer/paper-dropdown-menu#~0.5.0", + "core-toolbar": "Polymer/core-toolbar#~0.5.0", + "core-icons": "Polymer/core-icons#~0.5.0", + "core-tooltip": "Polymer/core-tooltip#~0.5.0", + "core-drawer-panel": "Polymer/core-drawer-panel#~0.5.0", + "paper-input": "Polymer/paper-input#~0.5.0", + "paper-tabs": "Polymer/paper-tabs#~0.5.0", + "core-menu": "Polymer/core-menu#~0.5.0", + "paper-checkbox": "Polymer/paper-checkbox#~0.5.0", + "paper-dialog": "Polymer/paper-dialog#~0.5.0", + "paper-menu-button": "Polymer/paper-menu-button#~0.5.0", "Jed": "SlexAxton/Jed#a9d03e1bbca9211a8b29a93a298a7ee9ddb353f0", "marked": "chjj/marked#~0.3.2", - "requirejs": "jrburke/requirejs-bower#~2.1.15" + "requirejs": "jrburke/requirejs-bower#~2.1.15", + "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": "Polymer/core-list#~0.5.1" } } diff --git a/resources/report/css/overrides.css b/resources/report/css/overrides.css index 8bb282f9..93b75ed5 100644 --- a/resources/report/css/overrides.css +++ b/resources/report/css/overrides.css @@ -1,22 +1,25 @@ /* These styles override Polymer's own internal styling for certain elements. */ -/* The following 3 rules are for setting the sizes of the drawer and panel. */ -#container::shadow #main { - left: 33% !important; -} -#container::shadow .narrow-layout #main { - left: 0 !important; -} -#container::shadow #drawer { - width: 33% !important; +/* The following is for setting the size of the drawer in narrow mode. */ +#container::shadow .narrow-layout #drawer { + width: 50% !important; + background: #f8f8f8; } /* These overrides change the colour of the game menu's text and underline. */ -#gameMenu::shadow #control { - color: white; +#gameMenu::shadow > paper-dropdown-menu { border-bottom-color: #f1f1f1; } -#gameMenu::shadow #menu { +#gameMenu[disabled]::shadow > paper-dropdown-menu { + border-bottom-color: #c9c9c9; +} +#gameMenu::shadow > paper-dropdown-menu::shadow #label, #gameMenu::shadow > paper-dropdown-menu::shadow #arrow { + color: white; +} +#gameMenu[disabled]::shadow > paper-dropdown-menu::shadow #label, #gameMenu[disabled]::shadow > paper-dropdown-menu::shadow #arrow { + color: #c9c9c9; +} +#gameMenu { color: black; } @@ -43,16 +46,6 @@ html /deep/ paper-tab::shadow #ink { color: #4285f4; } -/* This override change the font size of the sidebar items to be the body text size. */ -#cardsNav /deep/ #label { - font-size: 10pt; -} - -/* This override change the position of the link in so that it doesn't cover up tooltips. */ -loot-plugin-item::shadow ::content > a { - left: 112px; -} - /* This override change the positioning of the progress dialog to adapt to content changes. */ #progressDialog { position: inherit !important; @@ -61,4 +54,46 @@ loot-plugin-item::shadow ::content > a { left: 0; bottom: 0; right: 0; +} + +/* This stops transitions from overflowing onto other elements. */ +html /deep/ core-animated-pages { + overflow: hidden; +} + +/* This stops menus keeping the last item clicked highlighted. */ +paper-item.core-selected { + background: inherit; +} + +/* This styles divs like core-menus. */ +html /deep/ paper-dropdown > div { + margin: 12px; +} + +/* This stops the main core-list having its own scrollbars. */ +#main > core-list { + overflow-y: initial !important; +} + +/* This makes paper-menu-button icons align like paper-icon-buttons do. */ +html /deep/ paper-menu-button > paper-icon-button, +html /deep/ core-tooltip > paper-icon-button, +html /deep/ core-tooltip > core-icon { + display: block; +} + +/* Center paper-dropdown-menu text better. */ +html /deep/ paper-dropdown-menu { + padding-top: 0; +} + +/* This adds padding between icons and text in menus. */ +html /deep/ paper-item > core-icon { + margin-right: 1em; +} + +/* This makes checkboxes have the same padding as icons in lists. */ +html /deep/ paper-checkbox::shadow #checkboxLabel { + padding-left: 1em; } \ No newline at end of file diff --git a/resources/report/css/style.css b/resources/report/css/style.css index 203ff73c..b74b3ab0 100644 --- a/resources/report/css/style.css +++ b/resources/report/css/style.css @@ -30,46 +30,44 @@ body { background:#f8f8f8; height: 100%; } -noscript { - background:#c00; - display:block; - padding:10px 5px; - color:white; -} #mainToolbar { background: #4285f4; - /*font-size: 1em; - height: 3em;*/ - color: white; + color: white; } -/*#mainToolbar > * { - top: -1em; -}*/ -#gameMenu { - background: inherit; -} - -#filtersToggle > span { - margin-right: 1em; +#mainToolbar paper-dropdown { + color: black; } div[drawer] > core-tooltip { - width: 100%; margin: 0 12px; } -#searchBox { - width: calc(100% - 24px); +div[drawer] { + z-index: 1; } #main { - overflow: auto; + overflow-y: auto; + overflow-x: hidden; position: relative; + z-index: 0; } #cardsNav { margin: 0; overflow: auto; } #cardsNav > paper-item, #cardsNav > loot-plugin-item { - height: 2em; + /*height: 2em;*/ +} +paper-item > a { + text-decoration: none; + color: black; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +#searchBox { + display: block; } #container { position: fixed; @@ -90,33 +88,9 @@ section { border-bottom-left-radius: 2px; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px; } - -dialog { - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 6px; - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - overflow:hidden; - padding: 2em; - top: 3em; - max-width: 40em; - max-height: calc(100% - 8em); - overflow: auto; +#generalMessages { + margin-bottom: 0.5em; } -dialog > h1 { - font-weight: normal; - text-align: center; -} -dialog[data-type=warn] > span:first-child { - color: gold; -} -dialog button { - margin: 0.5em; -} - - - - - #about blockquote { white-space: pre; @@ -153,11 +127,6 @@ section h1 { text-align:left; padding-left:0; } -input[type='checkbox'] { - position:relative; - top:0.15em; - margin-left:0.5em; -} ul { margin-top:0.5em; margin-bottom:0; @@ -206,10 +175,6 @@ li.warn{ paper-checkbox { padding: 0.5em 1em; } -loot-dropdown-menu { - padding-left: 2em; - top: -0.25em; -} input[readonly] { border: none; @@ -220,24 +185,10 @@ td input { text-overflow: ellipsis; } -body.editMode header { - color: #999; -} -body.editMode header #headerOverlay { - z-index: 3; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} [draggable] { -webkit-user-select: none; cursor: move; } -.highlight { - outline: 3px solid #69aaff; -} #applySortButton { box-shadow: none; outline: none; @@ -252,53 +203,30 @@ input:valid { background-color: white; color: black; } -#hoverText { - position: fixed; - z-index: 5; - background: white; - box-shadow:0 0 3px 0px rgba(0,0,0,0.5); - padding: 2px 5px; +paper-progress { + width: 100%; } -progress, .progress { - /* Reset the default appearance */ - -webkit-appearance: none; - width: 250px; - height: 20px; - display: block; - margin: 0 auto; -} -#progressDialog > h1 { - font-size: 1.5em; -} - -@-webkit-keyframes indeterminate { - 0% { width: 0% } - 100% { width: 100% } -} - -progress::-webkit-progress-bar, .progress.bar { - background-color: #eee; - border-radius: 2px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; -} -progress::-webkit-progress-value, .progress .value { - height: 100%; - background-color: green; - -webkit-animation: indeterminate 2s linear 0 infinite alternate paused; -} -.progress.running > .value { - -webkit-animation-play-state: running; -} - -:host > span { - display: inline-block; - width: 1.2em; -} - #firstRun > ul { list-style-type: disc; padding-left: 40px; } #firstRun .tag { margin: 0; +} + + +/* This animates the drawer toggle appearing in narrow view. */ +#drawerToggle { + opacity: 0; + visibility: hidden; + transition: opacity 0.5s; +} +@media screen and (max-width: 640px) { + #drawerToggle { + opacity: 1; + visibility: visible; + } +} +#settingsDialog > paper-checkbox { + display: block; } \ No newline at end of file diff --git a/resources/report/html/editable-table.html b/resources/report/html/editable-table.html index 04ce34d6..7e91b5ed 100644 --- a/resources/report/html/editable-table.html +++ b/resources/report/html/editable-table.html @@ -1,76 +1,83 @@ + + + + @@ -136,23 +143,18 @@ td paper-icon-button.hidden { getRowsData: { value: function(writableOnly) { var writableRows = []; - var rows = this.tBodies[0].rows[0]; + var rows = this.tBodies[0].rows; for (var i = 0; i < rows.length; ++i) { var trash = rows[i].getElementsByClassName('delete'); if (trash.length > 0 && (!writableOnly || !trash[0].classList.contains('hidden'))) { var rowData = {}; - var inputs = rows[i].querySelectorAll('input, paper-input'); + var inputs = rows[i].querySelectorAll('paper-input, loot-validated-input, loot-dropdown-menu'); for (var j = 0; j < inputs.length; ++j) { rowData[inputs[j].className] = inputs[j].value; } - var selects = rows[i].getElementsByTagName('select'); - for (var j = 0; j < selects.length; ++j) { - rowData[selects[j].className] = selects[j].value; - } - writableRows.push(rowData); } } @@ -176,39 +178,17 @@ td paper-icon-button.hidden { trash.classList.toggle('hidden', readOnly); } - var inputs = row.querySelectorAll('input, paper-input'); + var inputs = row.querySelectorAll('paper-input, loot-validated-input, loot-dropdown-menu'); for (var i = 0; i < inputs.length; ++i) { if (classMask) { for (var j = 0; j < classMask.length; ++j) { if (inputs[i].classList.contains(classMask[j])) { - if (inputs[i].tagName == 'PAPER-INPUT') { - inputs[i].readonly = readOnly; - } else { - inputs[i].readOnly = readOnly; - } + inputs[i].disabled = readOnly; break; } } } else { - if (inputs[i].tagName == 'PAPER-INPUT') { - inputs[i].disabled = readOnly; - } else { - inputs[i].readOnly = readOnly; - } - } - } - - var selects = row.getElementsByTagName('select'); - for (var i = 0; i < selects.length; ++i) { - if (classMask) { - for (var j = 0; j < classMask.length; ++j) { - if (selects[i].classList.contains(classMask[j])) { - selects[i].disabled = readOnly; - break; - } - } - } else { - selects[i].disabled = readOnly; + inputs[i].disabled = readOnly; } } } diff --git a/resources/report/html/loot-dialog.html b/resources/report/html/loot-dialog.html index 76abee47..19dc5227 100644 --- a/resources/report/html/loot-dialog.html +++ b/resources/report/html/loot-dialog.html @@ -9,35 +9,25 @@ Still missing compared to are: --> - + - + diff --git a/resources/report/html/loot-dropdown-menu.html b/resources/report/html/loot-dropdown-menu.html index 5f3bad62..df5395b7 100644 --- a/resources/report/html/loot-dropdown-menu.html +++ b/resources/report/html/loot-dropdown-menu.html @@ -8,26 +8,41 @@ it a