Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-11 05:42:22 +04:00
Code Issues Projects Releases Wiki Activity

header link

Browse Source
This commit is contained in:
chomik
2018-03-23 16:40:01 +01:00
parent 0ace1b8b1a
commit e05c415faa
2 changed files with 30 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/_includes/header.html
+4 -4
View File
@@ -13,7 +13,7 @@
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-message-square"></i>
</a>
<div class="dropdown-menu dropdown-menu-right px-4">
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
delectus dolore dolores maxime nesciunt qui quia totam.
</div>
@@ -23,20 +23,20 @@
<i class="fe fe-bell"></i>
<span class="nav-unread"></span>
</a>
<div class="dropdown-menu dropdown-menu-right px-4">
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
delectus dolore dolores maxime nesciunt qui quia totam.
</div>
</div>
<div class="dropdown ml-3">
<a href="#" class="nav-link" data-toggle="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="dropdown">
<span class="avatar" style="background-image: url({{ site.base }}/{{ user.photo }})"></span>
<span class="ml-2 d-none d-lg-block">
<span class="text-default">{{ user.name }} {{ user.surname }}</span>
<small class="text-muted d-block mt-1">Administrator</small>
</span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
<a class="dropdown-item" href="#">
<span>Profile</span>
</a>
src/assets/scss/dashboard/_dropdown.scss
+26 -1
View File
@@ -8,6 +8,31 @@
max-width: 100%;
}
.dropdown-menu-arrow {
&:before {
position: absolute;
top: -6px;
right: 12px;
display: inline-block;
border-right: 5px solid transparent;
border-bottom: 5px solid $border-color;
border-left: 5px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
&:after {
position: absolute;
top: -5px;
right: 12px;
display: inline-block;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;
border-left: 5px solid transparent;
content: '';
}
}
.dropdown-toggle {
user-select: none;
cursor: pointer;
@@ -21,7 +46,7 @@
}
}
.dropdown-icon {
.dropdown-icon {
color: $text-muted-dark;
margin-right: .5rem;
margin-left: -.5rem;