create activity-counter

This commit is contained in:
Felix Niklas 2014-08-05 15:26:57 +02:00
parent 759c9ff311
commit 551c620bd4
2 changed files with 21 additions and 1 deletions

View file

@ -5,7 +5,9 @@
<div class="close icon"></div>
</div>
</div>
<div class="logo" title="<%- @C( 'product_name' ) %>"></div>
<div class="logo" title="<%- @C( 'product_name' ) %>">
<div class="activity-counter">12</div>
</div>
<ul id="global-search-result" class="custom-dropdown-menu" role="menu">
</ul>
</form>

View file

@ -1798,8 +1798,26 @@ footer {
background: url(<%= asset_path "logo.svg" %>);
transition: 240ms;
cursor: pointer;
position: relative;
}
.logo .activity-counter {
height: 19px;
min-width: 19px;
position: absolute;
right: 0;
bottom: 0;
padding: 0 3px;
font-size: 11px;
line-height: 17px;
text-align: center;
color: white;
text-shadow: 0 1px 1px rgba(0,0,0,.21);
background: hsl(360,71%,60%);
border-radius: 10px;
border: 2px solid hsl(232,10%,16%);
}
.search .custom-dropdown-menu {
margin: 0;
padding: 0;