diff --git a/resources/report/css/material.css b/resources/report/css/material.css index 333a504e..69d5781f 100644 --- a/resources/report/css/material.css +++ b/resources/report/css/material.css @@ -25,22 +25,27 @@ html /deep/ paper-button::shadow .button-content ::content a { -ms-flex: 1 1 auto; } +/* paper-icon-button */ +paper-icon-button[disabled] { + color: rgba(255, 255, 255, 0.30); +} + /* paper-item */ html /deep/ paper-item, html /deep/ core-menu > paper-item { color: rgba(0, 0, 0, 0.87); height: 48px; line-height: 48px; } -html /deep/ paper-item:first-child { - margin-top: 8px; -} -html /deep/ paper-item:last-child { - margin-bottom: 8px; +html /deep/ paper-item[disabled] { + color: rgba(0, 0, 0, 0.26); } html /deep/ paper-item core-icon { margin-right: 32px; color: rgba(0, 0, 0, 0.54); } +html /deep/ paper-item[disabled] > core-icon { + color: rgba(0, 0, 0, 0.26); +} html /deep/ paper-item::shadow .button-content { padding: 0 16px; } @@ -80,11 +85,11 @@ html /deep/ input { text-overflow: ellipsis; } -/* core-menu */ -html /deep/ core-menu { - margin: 0; +/* paper-dropdown */ +html /deep/ paper-dropdown > core-menu { + margin: 8px 0; } -html /deep/ core-menu .core-selected { +html /deep/ paper-dropdown .core-selected { background-color: inherit; } diff --git a/resources/report/css/overrides.css b/resources/report/css/overrides.css index 0c23e03d..f43180fb 100644 --- a/resources/report/css/overrides.css +++ b/resources/report/css/overrides.css @@ -1,19 +1,8 @@ /* These styles override Polymer's own internal styling for certain elements to suit LOOT's needs. */ -/* Change color of disabled menu items to match Material Design spec. These are - treated as LOOT-specific overrides because vanilla paper-item doesn't - recognise the disabled attribute (at least it isn't documented). */ -html /deep/ paper-item[disabled] { - color: rgba(0, 0, 0, 0.26); - pointer-events: none; -} -html /deep/ paper-item[disabled] > core-icon { - color: rgba(0, 0, 0, 0.26); -} -/* Change color of disabled icon buttons to match Material Design spec. */ +/* Transition icon button colour over same time period that plugin cards flip. */ paper-icon-button[disabled] { - color: rgba(255, 255, 255, 0.30); transition: color 0.6s; } /* This override change the positioning of the progress dialog to adapt to content changes. */