Added Polymer tooltips.

Might be worth it just for them. Also styling fixes for the game menu.
Styling is likely to change though.
This commit is contained in:
Oliver Hamlet
2014-11-07 18:07:08 +00:00
parent 5ebf33612a
commit 11ad2846e2
4 changed files with 28 additions and 16 deletions
+2 -1
View File
@@ -18,6 +18,7 @@
"paper-dropdown-menu": "Polymer/paper-dropdown-menu#~0.4.2",
"core-header-panel": "Polymer/core-header-panel#~0.4.2",
"core-toolbar": "Polymer/core-toolbar#~0.4.2",
"core-icons": "Polymer/core-icons#~0.4.2"
"core-icons": "Polymer/core-icons#~0.4.2",
"core-tooltip": "Polymer/core-tooltip#~0.4.2"
}
}
+17 -5
View File
@@ -38,11 +38,23 @@ noscript {
}
#mainToolbar {
background:#e3e3e3;
font-size: 1em;
height: 3em;
background: #4285f4;
/*font-size: 1em;
height: 3em;*/
color: white;
}
#mainToolbar > * {
/*#mainToolbar > * {
top: -1em;
}*/
#gameMenu {
background: inherit;
}
#gameMenu::shadow #control[selected] {
color: white;
border-bottom-color: #f1f1f1;
}
#gameMenu::shadow #menu {
color: black;
}
header > ol {
display: inline-block;
@@ -101,8 +113,8 @@ header li.disabled {
#container {
position: fixed;
top: 3em;
height: calc(100% - 3em);
top: 64px;
height: calc(100% - 64px);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

+9 -10
View File
@@ -15,6 +15,7 @@
<link rel="import" href="bower_components/core-toolbar/core-toolbar.html">
<link rel="import" href="bower_components/core-icon/core-icon.html">
<link rel="import" href="bower_components/core-icons/core-icons.html">
<link rel="import" href="bower_components/core-tooltip/core-tooltip.html">
<link rel="import" href="bower_components/paper-menu-button/paper-menu-button.html">
<link rel="import" href="bower_components/paper-item/paper-item.html">
@@ -27,7 +28,7 @@
<!-- oncontextmenu attribute disables the right-click menu. -->
<body oncontextmenu="return false" unresolved fullbleed vertical layout >
<core-toolbar id="mainToolbar">
<paper-menu-button src="logo.png">
<paper-menu-button icon="menu">
<paper-item id="redatePluginsButton" icon="today" label="Redate Plugins"></paper-item>
<paper-item id="openLogButton" icon="folder" label="Open Debug Log Location"></paper-item>
<paper-item id="wipeUserlistButton" icon="delete" label="Clear All User Metadata"></paper-item>
@@ -41,16 +42,14 @@
<!-- Generated game <li> elements go here. -->
</paper-dropdown-menu>
<span flex></span>
<paper-icon-button id="updateMasterlistButton" icon="file-download"></paper-icon-button>
<core-tooltip label="Update Masterlist">
<paper-icon-button id="updateMasterlistButton" icon="file-download"></paper-icon-button>
</core-tooltip>
<core-tooltip label="Sort Plugins">
<paper-icon-button id="sortButton" icon="swap-vert"></paper-icon-button>
<paper-button id="applySortButton" class="colored custom hidden">
<core-icon icon="check"></core-icon>
Apply
</paper-button>
<paper-button id="cancelSortButton" class="colored custom hidden">
<core-icon icon="close"></core-icon>
Cancel
</paper-button>
</core-tooltip>
<paper-button id="applySortButton" class="hidden">Apply</paper-button>
<paper-button id="cancelSortButton" class="hidden">Cancel</paper-button>
</core-toolbar>
<div id="container">
<nav>