Add a tablet redirect

camptocamp · Mar 10, 2017 · e8fd70c · e8fd70c
1 parent 847d39c
commit e8fd70c
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/contribs/gmf/apps/mobile/index.html b/contribs/gmf/apps/mobile/index.html
@@ -62,6 +62,12 @@
       <gmf-disclaimer
         gmf-disclaimer-map="::mainCtrl.map">
       </gmf-disclaimer>
+      <div class="visible-sm">
+        <div class="alert alert-info alert-dismissible fade in" role="alert">
+          <button type="button" class="close" data-dismiss="alert" aria-label="{{'Close' | translate }}"><span aria-hidden="true" class="fa fa-times"></span></button>
+          <span>{{"You're using the mobile version. Check out the" | translate }} <a href="http://camptocamp.github.io/ngeo/master/examples/contribs/gmf/apps/desktop/">{{'standard version' | translate}}</a>.</span>
+        </div>
+      </div>
     </main>
     <nav class="gmf-mobile-nav-left" gmf-mobile-nav>
       <header>
@@ -135,6 +141,7 @@
           </li>
         </ul>
       </div>
+      <p class="bg-info">{{'' | translate<F12>}}</p>
       <gmf-authentication id="login" class="gmf-mobile-nav-slide" data-header-title="{{'Login' | translate}}"
         gmf-mobile-nav-back="authCtrl.gmfUser.username !== null">
       </gmf-authentication>

diff --git a/contribs/gmf/less/map.less b/contribs/gmf/less/map.less
@@ -108,8 +108,8 @@ button[ngeo-mobile-geolocation] {
   }
 }
 
-/** Disclaimer */
-gmf-disclaimer {
+/** Disclaimer and tablet redirect */
+gmf-disclaimer, .visible-sm {
   position: absolute;
   bottom: @app-margin;
   left: @app-margin;

diff --git a/contribs/gmf/less/mobile.less b/contribs/gmf/less/mobile.less
@@ -127,8 +127,8 @@ button[ngeo-mobile-geolocation] {
   }
 }
 
-/** Disclaimer */
-main gmf-disclaimer {
+/** Disclaimer, and tablet redirect */
+main gmf-disclaimer, main .visible-sm {
   text-align: left;
 
   button {