From e3dee247b44d66aa8aa961623a557d0400907b14 Mon Sep 17 00:00:00 2001
From: printempw <h@prinzeugen.net>
Date: Mon, 26 Sep 2016 22:13:39 +0800
Subject: [PATCH] fix invisible language select on mobile

---
 resources/assets/src/sass/style.scss | 16 +++++++++++++++-
 resources/views/admin/master.tpl     | 13 ++-----------
 resources/views/index.tpl            | 13 ++-----------
 resources/views/skinlib/master.tpl   | 13 ++-----------
 resources/views/user/master.tpl      | 13 ++-----------
 resources/views/vendor/language.tpl  | 11 +++++++++++
 6 files changed, 34 insertions(+), 45 deletions(-)
 create mode 100644 resources/views/vendor/language.tpl

diff --git a/resources/assets/src/sass/style.scss b/resources/assets/src/sass/style.scss
index 83d47919..3ae7ba94 100644
--- a/resources/assets/src/sass/style.scss
+++ b/resources/assets/src/sass/style.scss
@@ -2,7 +2,7 @@
  * @Author: printempw
  * @Date:   2016-06-04 20:55:09
  * @Last Modified by:   printempw
- * @Last Modified time: 2016-09-25 00:00:26
+ * @Last Modified time: 2016-09-26 22:09:14
  */
 
 $font_stack: Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
@@ -190,3 +190,17 @@ input:-webkit-autofill {
 .box-footer > p {
     margin: 6px 15px 5px 0;
 }
+
+@media (max-width: 767px) {
+
+    .wrapper .main-header .navbar .dropdown-menu li.locale {
+        a {
+            color: #777;
+        }
+
+        a:hover {
+            background-color: #e1e3e9;
+            color: #333;
+        }
+    }
+}
diff --git a/resources/views/admin/master.tpl b/resources/views/admin/master.tpl
index 438f3804..33bceed3 100644
--- a/resources/views/admin/master.tpl
+++ b/resources/views/admin/master.tpl
@@ -38,17 +38,8 @@
                 <!-- Navbar Right Menu -->
                 <div class="navbar-custom-menu">
                     <ul class="nav navbar-nav">
-                        <!-- Language Menu -->
-                        <li class="dropdown">
-                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                                <i class="fa fa-language" aria-hidden="true"></i> {{ trans('general.langs') }} <span class="caret"></span>
-                            </a>
-                            <ul class="dropdown-menu" role="menu">
-                                @foreach(config('locales') as $locale => $lang)
-                                <li><a href="{{ url('/locale/'.$locale) }}">{{ $lang }}</a></li>
-                                @endforeach
-                            </ul>
-                        </li>
+                        @include('vendor.language')
+
                         <!-- User Account Menu -->
                         <li class="dropdown user user-menu">
                             <!-- Menu Toggle Button -->
diff --git a/resources/views/index.tpl b/resources/views/index.tpl
index 950ce6c9..b0ec5227 100644
--- a/resources/views/index.tpl
+++ b/resources/views/index.tpl
@@ -29,17 +29,8 @@
                         <ul class="nav navbar-nav">
                             <li class="active"><a href="{{ url('/') }}">{{ trans('general.index') }}</a></li>
                             <li><a href="{{ url('skinlib') }}">{{ trans('general.skinlib') }}</a></li>
-                            <!-- Language Menu -->
-                            <li class="dropdown">
-                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                                    <i class="fa fa-language" aria-hidden="true"></i> {{ trans('general.langs') }} <span class="caret"></span>
-                                </a>
-                                <ul class="dropdown-menu" role="menu">
-                                    @foreach(config('locales') as $locale => $lang)
-                                    <li><a href="{{ url('/locale/'.$locale) }}">{{ $lang }}</a></li>
-                                    @endforeach
-                                </ul>
-                            </li>
+
+                            @include('vendor.language')
                         </ul>
                     </div><!-- /.navbar-collapse -->
                     <!-- Navbar Right Menu -->
diff --git a/resources/views/skinlib/master.tpl b/resources/views/skinlib/master.tpl
index 70fe28da..6fc6f34d 100644
--- a/resources/views/skinlib/master.tpl
+++ b/resources/views/skinlib/master.tpl
@@ -59,17 +59,8 @@
                                 </ul>
                             </li>
                             @endunless
-                            <!-- Language Menu -->
-                            <li class="dropdown">
-                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                                    <i class="fa fa-language" aria-hidden="true"></i> {{ trans('general.langs') }} <span class="caret"></span>
-                                </a>
-                                <ul class="dropdown-menu" role="menu">
-                                    @foreach(config('locales') as $locale => $lang)
-                                    <li><a href="{{ url('/locale/'.$locale) }}">{{ $lang }}</a></li>
-                                    @endforeach
-                                </ul>
-                            </li>
+
+                            @include('vendor.language')
                         </ul>
                         <form class="navbar-form navbar-left" role="search" action="{{ url('skinlib/search') }}">
                             <div class="form-group">
diff --git a/resources/views/user/master.tpl b/resources/views/user/master.tpl
index ebf4cede..ba0ae8ca 100644
--- a/resources/views/user/master.tpl
+++ b/resources/views/user/master.tpl
@@ -36,17 +36,8 @@
                 <!-- Navbar Right Menu -->
                 <div class="navbar-custom-menu">
                     <ul class="nav navbar-nav">
-                        <!-- Language Menu -->
-                        <li class="dropdown">
-                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                                <i class="fa fa-language" aria-hidden="true"></i> {{ trans('general.langs') }} <span class="caret"></span>
-                            </a>
-                            <ul class="dropdown-menu" role="menu">
-                                @foreach(config('locales') as $locale => $lang)
-                                <li><a href="{{ url('/locale/'.$locale) }}">{{ $lang }}</a></li>
-                                @endforeach
-                            </ul>
-                        </li>
+                        @include('vendor.language')
+
                         <!-- User Account Menu -->
                         <li class="dropdown user user-menu">
                             <!-- Menu Toggle Button -->
diff --git a/resources/views/vendor/language.tpl b/resources/views/vendor/language.tpl
new file mode 100644
index 00000000..178a2f49
--- /dev/null
+++ b/resources/views/vendor/language.tpl
@@ -0,0 +1,11 @@
+<!-- Language Menu -->
+<li class="dropdown">
+    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+        <i class="fa fa-language" aria-hidden="true"></i> {{ trans('general.langs') }} <span class="caret"></span>
+    </a>
+    <ul class="dropdown-menu" role="menu">
+        @foreach(config('locales') as $locale => $lang)
+        <li class="locale"><a href="{{ url('/locale/'.$locale) }}">{{ $lang }}</a></li>
+        @endforeach
+    </ul>
+</li>