loot/libloot
0
0
Fork 0
mirror of https://github.com/loot/libloot.git synced 2026-07-27 14:16:01 -07:00
Code Issues Packages Projects Releases Wiki Activity

Filters layout tweaks, fixed plugin menu checkbox styling.

Browse Source 
Also fixed styling of summary/general messages sidebar items, and added
missing menu classes to dropdown menus.
This commit is contained in:
Oliver Hamlet
2014-12-24 10:43:44 +00:00
parent 5a44d50d71
commit 5531469abf
6 changed files with 35 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/report/css/overrides.css
+3 -3
View File
@@ -27,8 +27,8 @@ html /deep/ core-animated-pages {
}
/* This makes checkboxes have the same padding as icons in lists. */
html /deep/ paper-checkbox::shadow #checkboxLabel {
padding-left: 1em;
html /deep/ core-menu paper-checkbox::shadow #checkboxLabel {
padding-left: 32px;
}
@@ -77,7 +77,7 @@ html /deep/ paper-item .avatar {
html /deep/ paper-item::shadow .button-content {
padding: 0 16px;
}
html /deep/ paper-item::shadow .button-content ::content * {
html /deep/ paper-item::shadow .button-content ::content *:not(core-tooltip) {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
resources/report/css/style.css
+19 -7
View File
@@ -69,13 +69,16 @@ html {
/* line-height: 1.5; */
/*letter-spacing: 0.01em;*/
}
.body2, html /deep/ paper-tabs, html /deep/ paper-menu-button paper-item {
.body2,
html /deep/ paper-tabs,
html /deep/ paper-menu-button paper-item,
html /deep/ paper-menu-button paper-checkbox {
font-weight: 500;
font-size: 1rem;
line-height: 1.714;
/*letter-spacing: 0.01em;*/
}
.body1 {
.body1, html /deep/ paper-checkbox {
font-weight: 400;
font-size: 1rem;
line-height: 1.429;
@@ -136,6 +139,10 @@ div[drawer] > * {
}
paper-item > a {
-webkit-user-drag: none;
color: inherit;
}
paper-item > a:hover {
text-decoration: none;
}
#searchBox {
display: block;
@@ -166,11 +173,16 @@ section h1 {
font-weight: normal;
font-size: 1.2em;
}
#filters, #cardsNav {
padding: 1em 0 0 1em;
#filters {
padding: 8px 0;
}
#filters div {
padding:0.2em 0.5em;
#filters > * {
padding: 0 16px;
height: 48px;
line-height: 48px;
}
#filters > paper-checkbox {
display: block;
}
#summary > table {
@@ -232,7 +244,7 @@ li.warn{
color:red;
}
#settingsDialog > paper-checkbox, #settingsDialog > core-tooltip, #filters > paper-checkbox {
#settingsDialog > paper-checkbox, #settingsDialog > core-tooltip {
display: table;
}
#settingsDialog > div[center] > div:first-child {
resources/report/html/loot-dropdown-menu.html
+1 -1
View File
@@ -16,7 +16,7 @@ it a <select>-like API. This means:
<template>
<paper-dropdown-menu disabled?="{{disabled}}">
<paper-dropdown class="dropdown">
<core-menu valueattr="value">
<core-menu class="menu" valueattr="value">
<content></content>
</core-menu>
</paper-dropdown>
resources/report/html/loot-plugin-card.html
+7 -4
View File
@@ -121,8 +121,11 @@ loot-clear-metadata
background: inherit;
height: 56px;
}
paper-checkbox {
padding: 0.9em 1em;
#showOnlyConflicts {
display: block;
padding: 0 16px;
height: 48px;
line-height: 48px;
}
</style>
<div id="wrapper">
@@ -148,7 +151,7 @@ loot-clear-metadata
<paper-menu-button>
<paper-icon-button icon="more-vert"></paper-icon-button>
<paper-dropdown class="dropdown" halign="right" opened="{{data.isMenuOpen}}">
<div>
<core-menu class="menu">
<paper-checkbox id="showOnlyConflicts" label="Show Only Conflicts" checked="{{data.isConflictFilterChecked}}" flex></paper-checkbox>
<paper-item id="editMetadata">
<core-icon icon="create"></core-icon>
@@ -162,7 +165,7 @@ loot-clear-metadata
<core-icon icon="delete"></core-icon>
Clear User Metadata
</paper-item>
</div>
</core-menu>
</paper-dropdown>
</paper-menu-button>
</core-toolbar>
resources/report/js/l10n.js
+2 -2
View File
@@ -177,8 +177,8 @@
document.getElementById('cancelSortButton').textContent = l10n.translate("Cancel").fetch();
/* Nav items */
document.getElementById('cardsNav').firstElementChild.lastChild.textContent = l10n.translate("Summary").fetch();
document.getElementById('cardsNav').firstElementChild.nextElementSibling.lastChild.textContent = l10n.translate("General Messages").fetch();
document.getElementById('cardsNav').firstElementChild.firstElementChild.textContent = l10n.translate("Summary").fetch();
document.getElementById('cardsNav').firstElementChild.nextElementSibling.firstElementChild.textContent = l10n.translate("General Messages").fetch();
document.getElementById('sidebarTabs').firstElementChild.textContent = l10n.translate("Plugins").fetch();
document.getElementById('sidebarTabs').firstElementChild.nextElementSibling.textContent = l10n.translate("Filters").fetch();
document.getElementById('searchBox').parentElement.label = l10n.translate("Press Enter or click outside the input to set the filter.").fetch();
resources/report/report.html
+3 -3
View File
@@ -52,10 +52,10 @@
<core-animated-pages selected="cardsNav" valueattr="id" transitions="" flex>
<nav id="cardsNav" class="tab-content" layout vertical>
<paper-item>
<a href="#summary"></a>Summary
<a href="#summary">Summary</a>
</paper-item>
<paper-item>
<a href="#generalMessages"></a>General Messages
<a href="#generalMessages">General Messages</a>
</paper-item>
<core-list flex>
<template>
@@ -108,7 +108,7 @@
<paper-menu-button>
<paper-icon-button icon="more-vert"></paper-icon-button>
<paper-dropdown class="dropdown" halign="right">
<core-menu>
<core-menu class="menu">
<paper-item id="redatePluginsButton" noink>
<core-icon icon="today"></core-icon>
Redate Plugins