pepepper/tissue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

レビュー内容を部分的に反映

Browse Source 
* Bootstrapのスタイルに乗せた
* 問題解決の方法を案内
* fixedに関わりたくなくなってきたので単にページ先頭要素にした
This commit is contained in:
shibafu 2019-02-10 16:54:32 +09:00
parent 5961d3e27a
commit fcafc3c704
2 changed files with 11 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/css/tissue.css vendored
View File

@ -35,15 +35,4 @@
.timeline-action-item { .timeline-action-item {
margin-left: 16px; margin-left: 16px;
}
.tis-noscript {
position: fixed;
top: 0;
z-index: 110000;
width: 100vw;
padding: 1.125rem; /* navbarが隠れるくらい */
background: #ffeeba;
text-align: center;
border-bottom: 1px solid #fb6;
} }

16
resources/views/layouts/base.blade.php
View File

@ -19,6 +19,17 @@
@stack('head') @stack('head')
</head> </head>
<body class="{{Auth::check() ? '' : 'tis-need-agecheck'}}"> <body class="{{Auth::check() ? '' : 'tis-need-agecheck'}}">
<noscript class="navbar navbar-light bg-warning">
<div class="container-fluid">
<div class="d-flex flex-column mx-auto">
<p class="m-0 text-dark">Tissueを利用するには、ブラウザのJavaScriptとCookieを有効にする必要があります。</p>
<p class="m-0 text-info">
<a href="https://www.enable-javascript.com/ja/" target="_blank" rel="nofollow noopener">ブラウザでJavaScriptを有効にする方法</a>
･ <a href="https://www.whatismybrowser.com/guides/how-to-enable-cookies/auto" target="_blank" rel="nofollow noopener">ブラウザでCookieを有効にする方法</a>
</p>
</div>
</div>
</noscript>
<nav class="navbar navbar-expand-lg navbar-light bg-light {{ !Auth::check() && Route::currentRouteName() === 'home' ? '' : 'mb-4'}}"> <nav class="navbar navbar-expand-lg navbar-light bg-light {{ !Auth::check() && Route::currentRouteName() === 'home' ? '' : 'mb-4'}}">
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;"> <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
{{ csrf_field() }} {{ csrf_field() }}
@ -129,11 +140,6 @@
</div> </div>
</div> </div>
@endguest @endguest
<noscript>
<div class="tis-noscript">
Tissueを閲覧するためには、ブラウザのJavaScriptを有効にする必要があります。
</div>
</noscript>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.0/js.cookie.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.0/js.cookie.js"></script>