#hd a {
color: #FFF;
text-decoration: none;
-}
-
-#hd a.selected {
- color: #4B9FD5;
-}
-#hd a:focus, #hd a:hover {
- text-decoration: underline;
+ &:focus, &:hover { text-decoration: underline; }
+ &.selected { color: #4B9FD5; }
+ &.with-icon:hover {
+ text-decoration: none;
+ span { text-decoration: underline; }
+ }
}
#nav-left {
</script>
<li>
- <a href="#" onclick="if (sonarRecentHistory) { sonarRecentHistory.populateRecentHistoryPanel(); }; showDropdownMenu('projects-menu'); return false;"><%= message('layout.projects') -%></a>
- <i class="icon-dropdown"></i>
+ <a href="#" class="with-icon" onclick="if (sonarRecentHistory) { sonarRecentHistory.populateRecentHistoryPanel(); }; showDropdownMenu('projects-menu'); return false;">
+ <span><%= message('layout.projects') -%></span>
+ <i class="icon-dropdown"></i>
+ </a>
<div id="projects-menu" class="dropdown-menu" style="max-width: none; display: none;">
<div id="recent-history" style="border-bottom: 1px solid #ccc; padding-bottom: 10px;">
<li>
- <a href="#" onclick="showDropdownMenu('user-panel'); return false;"><%= h current_user.name -%></a>
- <i class="icon-dropdown"></i>
+ <a href="#" class="with-icon" onclick="showDropdownMenu('user-panel'); return false;">
+ <span><%= h current_user.name -%></span>
+ <i class="icon-dropdown"></i>
+ </a>
+
<div id="user-panel" class="dropdown-menu" style="display: none">
<ul>