Replaced plugin icons, added icons to plugin menu.

This commit is contained in:
WrinklyNinja
2014-07-12 15:20:12 +01:00
parent 41c813bb78
commit db4d17b5c5
2 changed files with 17 additions and 31 deletions
+11 -25
View File
@@ -61,6 +61,9 @@ header > ol:last-child {
position: fixed;
right: 0;
}
header li span {
opacity: 0.5;
}
header li:hover {
background: #ccc;
}
@@ -171,39 +174,22 @@ section[data-active] .buttons {
right: 0.5em;
overflow:visible;
}
section[data-active] .buttons > li:not(:last-child) {
section .buttons > li:not(:last-child) {
opacity: 0.5;
text-align: center;
display: inline-block;
margin: 0.2em;
cursor: pointer;
}
section[data-active] .buttons > li:hover {
section .buttons > li:hover {
opacity: 1;
}
.pluginMenu {
width: 1.5em;
text-align: center;
vertical-align: bottom;
margin: 0.2em;
cursor: pointer;
}
.dummyPlugin, .loadsBSA, .hasUserEdits {
height: 1.5em;
width: 1.5em;
text-align: center;
vertical-align: middle;
display: inline-block;
color: white;
font-weight: bold;
margin: 0.2em;
cursor: pointer;
}
.dummyPlugin {
background: #A9BCF5;
}
.loadsBSA {
background: green;
}
.hasUserEdits {
background: #C13C3C;
}
.menu {
background: white;
box-shadow:0 0 3px 0px rgba(0,0,0,0.5);
@@ -211,7 +197,7 @@ section[data-active] .buttons > li:hover {
position: absolute;
right: 0.5em;
font: 10pt/1.5 Helvetica,sans-serif;
width: 12em;
width: 13em;
z-index: 2;
text-align: left;
opacity: 1;
@@ -324,7 +310,7 @@ ul {
.tag.remove {
color:red;
}
.hidden {
.hidden, section .buttons li.hidden {
display:none;
}
#summary li, li > ul > li {
+6 -6
View File
@@ -34,14 +34,14 @@
</ul>
<ol class="buttons">
<li class="dummyPlugin hidden" title="Dummy Plugin">D
<li class="loadsBSA hidden" title="Loads BSA">B
<li class="hasUserEdits hidden" title="Has User Metadata">U
<li class="dummyPlugin fa fa-file-o hidden" title="Dummy Plugin">
<li class="loadsBSA fa fa-archive hidden" title="Loads BSA">
<li class="hasUserEdits fa fa-user hidden" title="Has User Metadata">
<li class=" fa fa-ellipsis-v fa-lg pluginMenu" data-action="show-menu">
<li class="hidden"><ol class="menu">
<li data-action="view-ui" data-target="editor">Edit Metadata
<li data-action="copy-metadata">Copy Metadata As Text
<li data-action="clear-metadata">Clear User Metadata
<li data-action="view-ui" data-target="editor"><span class="fa fa-pencil fa-fw"></span> Edit Metadata
<li data-action="copy-metadata"><span class="fa fa-copy fa-fw"></span> Copy Metadata As Text
<li data-action="clear-metadata"><span class="fa fa-trash-o fa-fw"></span> Clear User Metadata
</ol>
</ol>
</section>