fix disabled menu item focus jumping

unfortunately this causes a new issue. the container gets 1px larger i
think due to box model issues. but this is better than before. le sigh...
This commit is contained in:
jeffrom 2014-04-23 20:13:43 -07:00
parent 92f0c80e9f
commit 3971dc65f6
2 changed files with 13 additions and 4 deletions

View file

@ -251,6 +251,15 @@ body
width: 240px width: 240px
font-size: 1em font-size: 1em
#menu-library .ui-state-disabled.ui-state-focus,
#menu-playlist .ui-state-disabled.ui-state-focus
margin: .3em -1px .2em
#menu-library .menu-item-last.ui-state-disabled.ui-state-focus,
#menu-playlist .menu-item-last.ui-state-disabled.ui-state-focus
margin: 5px -1px .2em
height: 23px
#shortcuts #shortcuts
h1 h1
margin-bottom 10px margin-bottom 10px

View file

@ -356,7 +356,7 @@
<li><a href="#" class="queue-next-random">Queue Next in Random Order</a></li> <li><a href="#" class="queue-next-random">Queue Next in Random Order</a></li>
<li><a href="#" class="delete">Delete</a></li> <li><a href="#" class="delete">Delete</a></li>
<li><a href="#" class="download" target="_blank">Download</a></li> <li><a href="#" class="download" target="_blank">Download</a></li>
<li><a href="#" class="edit-tags">Edit Tags</a></li> <li><a href="#" class="edit-tags menu-item-last">Edit Tags</a></li>
</ul> </ul>
<script src="vendor/jquery-2.1.0.min.js"></script> <script src="vendor/jquery-2.1.0.min.js"></script>
<script src="vendor/jquery-ui-1.10.4.custom.min.js"></script> <script src="vendor/jquery-ui-1.10.4.custom.min.js"></script>