Added setting SHOW_VIPS_MOBILE_LINK_ON_SMALL_SCREENS

VIPSWeb/local_settings_sample.py

@@ -216,4 +216,6 @@ FOOTER_HTML_1= {}
 
 FOOTER_HTML_2= {}
 
-
+# If set to True, the link to VIPS Mobile (per now a Norwegian only web app)
+# will be visible on small screens (like smart phones).
+SHOW_VIPS_MOBILE_LINK_ON_SMALL_SCREENS = False

VIPSWeb/static/css/vipsweb.css

@@ -146,6 +146,10 @@ div.messages_illustration_caption{
 	font-weight: 300;
 }
 
+#VIPSMobilLink {
+	display: none;
+}
+
 /* Styles for OpenLayers forecast map */
 
 #map{
@@ -195,6 +199,11 @@ div.messages_illustration_caption{
 {
 	select.languageSelect {display:inline !important;}
 	#languageSelectorIcon {display: none !important;}
+	#VIPSMobilLink {
+		display: inline-block !important;
+		position: relative;
+		top: 2px;
+	}
 }
 
 @media (min-width: 992px)

VIPSWeb/templates/base.html

@@ -78,6 +78,9 @@
 	    	{% get_current_language as LANGUAGE_CODE %}
 		      <form action="/i18n/setlang/" method="post" class="form-inline">
 		      	<div class="form-group">
+		      	{% if settings.SHOW_VIPS_MOBILE_LINK_ON_SMALL_SCREENS %}
+		      		<span id="VIPSMobilLink"><a href="/mobil"><i class="fa fa-mobile" aria-hidden="true"></i>&nbsp;VIPS Mobil</a>&nbsp;&nbsp;</span>
+		      	{% endif %}
 				{% csrf_token %}
 				<label for="language">{% trans "Language" %}:</label>
 				<input name="next" type="hidden" value="{{ redirect_to }}" />