diff --git a/resources/report/bower.json b/resources/report/bower.json index d49d85a8..37dea245 100644 --- a/resources/report/bower.json +++ b/resources/report/bower.json @@ -34,6 +34,7 @@ "paper-toast": "Polymer/paper-toast#~0.5.1", "core-list": "WrinklyNinja/core-list#z-order-items", "core-dropdown": "WrinklyNinja/core-dropdown#null-dimensions-positions-fix", - "jed-gettext-parser": "~1.0.0" + "jed-gettext-parser": "~1.0.0", + "paper-toggle-button": "Polymer/paper-toggle-button#~0.5.4" } } diff --git a/resources/report/css/overrides.css b/resources/report/css/overrides.css index 2bc9d326..6df503c3 100644 --- a/resources/report/css/overrides.css +++ b/resources/report/css/overrides.css @@ -86,3 +86,14 @@ html /deep/ paper-checkbox::shadow #checkbox.checked { border-color: #3F51B5; background-color: #3F51B5; } + +/* Style the paper-toggle-button colours. */ +html /deep/ paper-toggle-button::shadow [checked] .toggle-bar { + background-color: rgba(63, 81, 181, 0.5); +} +html /deep/ paper-toggle-button::shadow [checked] .toggle-button { + background-color: #3F51B5; +} +html /deep/ paper-toggle-button::shadow [checked] .toggle-ink { + color: #3F51B5; +} diff --git a/resources/report/css/style.css b/resources/report/css/style.css index d9e24bed..153aad44 100644 --- a/resources/report/css/style.css +++ b/resources/report/css/style.css @@ -189,6 +189,9 @@ li.warn { #settingsDialog > div > :last-child { margin-right: 0; } +#settingsDialog core-label [for]:last-child { + margin-left: 16px; +} #gameTable { margin: 32px 0 0; } diff --git a/resources/report/html/loot-plugin-card.html b/resources/report/html/loot-plugin-card.html index b67f7a8c..edb92cfa 100644 --- a/resources/report/html/loot-plugin-card.html +++ b/resources/report/html/loot-plugin-card.html @@ -16,11 +16,13 @@ loot-clear-metadata + + @@ -138,12 +140,20 @@ loot-clear-metadata core-tooltip > core-icon { vertical-align: inherit !important; } - #showOnlyConflicts { - display: block; + core-menu > core-label { + font-size: 1rem; + font-weight: 500; padding: 0 16px; height: 48px; line-height: 48px; } + core-menu > core-label > core-icon { + margin-right: 32px; + color: rgba(0, 0, 0, 0.54); + } + core-menu > core-label [for] { + margin-left: 32px; + }