SP表示のアカウントメニューが画面外に突き抜けないようにした

This commit is contained in:
shibafu 2019-02-26 22:32:32 +09:00
parent c9cdd26728
commit be6151f0c7
2 changed files with 6 additions and 2 deletions

View File

@ -80,4 +80,8 @@
#navbarNav > .d-lg-none > .row > .col .btn { #navbarNav > .d-lg-none > .row > .col .btn {
width: 100%; width: 100%;
}
#navbarAccountDropdownSp {
max-width: calc(100vw - 5em);
} }

View File

@ -43,8 +43,8 @@
<a href="#" class="nav-link dropdown-toggle p-2" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <a href="#" class="nav-link dropdown-toggle p-2" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="{{ Auth::user()->getProfileImageUrl(30) }}" width="30" height="30" class="rounded d-inline-block align-top"> <img src="{{ Auth::user()->getProfileImageUrl(30) }}" width="30" height="30" class="rounded d-inline-block align-top">
</a> </a>
<div class="dropdown-menu dropdown-menu-right position-absolute" aria-labelledby="navbarDropdownMenuLink"> <div class="dropdown-menu dropdown-menu-right position-absolute" aria-labelledby="navbarDropdownMenuLink" id="navbarAccountDropdownSp">
<a href="{{ route('user.profile', ['name' => Auth::user()->name]) }}" class="dropdown-item"> <a href="{{ route('user.profile', ['name' => Auth::user()->name]) }}" class="dropdown-item text-truncate">
<strong>{{ Auth::user()->display_name }}</strong> <strong>{{ Auth::user()->display_name }}</strong>
<p class="mb-0 text-muted"> <p class="mb-0 text-muted">
<span>&commat;{{ Auth::user()->name }}</span> <span>&commat;{{ Auth::user()->name }}</span>