Accueil Explorer Aide
Connexion
zopieux
/
celutz
forké depuis FFDN/celutz
1
0
Fork 0
Fichiers
Parcourir la source

style du menu de choix de langues

julpec il y a 8 ans
Parent
675ef7fb33
commit
d8e66d80ae
2 fichiers modifiés avec 63 ajouts et 17 suppressions
Vue séparée Afficher les stats Diff
  1. 43 0
      panorama/static/panorama/css/celutz.css
  2. 20 17
      panorama/templates/panorama/base.html

+ 43 - 0
panorama/static/panorama/css/celutz.css
Voir le fichier 

@@ -358,3 +358,46 @@ select {
 
     background: #FF0000;
 
     width: 30px;
 
 }
 
+
 
+.langue form {
 
+    padding: 0px;
 
+}
 
+.langue .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
 
+    width:100%!important;
 
+}
 
+.langue .bootstrap-select > .dropdown-toggle.btn-default, 
+.langue .bootstrap-select > .dropdown-toggle.btn-default:active {
 
+    background-color: #222;
 
+    border:none;
 
+    border-radius: 0px;
 
+    height:50px;
 
+    color:#999;
 
+}
 
+.langue .bootstrap-select > .dropdown-toggle.btn-default:focus,
 
+.langue .bootstrap-select > .dropdown-toggle.btn-default:hover {
 
+    color: #FFF !important;
 
+    background-color: #000;
 
+}
 
+.langue .bootstrap-select > .dropdown-toggle.btn-default:before {
 
+    font-family: "FontAwesome";
 
+    content: "\f11d"; 
+    left:-10px;
 
+    position:absolute;
 
+    margin-left:20px;
 
+}
 
+.langue .bootstrap-select .dropdown-toggle:focus {
 
+    outline: none !important;
 
+}
 
+.langue .bootstrap-select.btn-group .dropdown-menu li a span.text {
 
+    color:#999;
 
+}
 
+.langue .bootstrap-select.btn-group .dropdown-menu li a span.text:hover {
 
+    color:#FFF;
 
+}
 
+.langue .dropdown-menu {
 
+    margin: 0px;
 
+    border-radius: 0px;
 
+    border-right:2px;
 
+    border-left:2px;
 
+}
 
+

+ 20 - 17
panorama/templates/panorama/base.html
Voir le fichier 

@@ -15,10 +15,13 @@
 
     <link href="{% static "panorama/css/plugins/morris.css" %}" rel="stylesheet" media="screen">
 
     <link href="{% static "panorama/font-awesome/css/font-awesome.min.css" %}" rel="stylesheet" type="text/css">
 
     <link href="{% static "panorama/css/celutz.css" %}" rel="stylesheet" media="screen">
 
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.2/css/bootstrap-select.min.css">
 
     {% block css %}{% endblock css %}
 
 
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 
     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
+    <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.11.2/js/bootstrap-select.min.js"></script>
 
   </head>
 
 
   <body>
 
@@ -42,26 +45,26 @@
 
                 {% endblock top-menu-pano-items %}
 
             </ul>
 
             <ul class="nav navbar-right top-nav">
 
-              <li>
 
-                <form action="{% url 'set_language' %}" method="post">{% csrf_token %}
 
-                  <input name="next" type="hidden" value="{{ redirect_to }}" />
 
-                  <select name="language">
 
-                    {% get_current_language as LANGUAGE_CODE %}
 
-                    {% with "fr en es" as LANGUAGES %}
 
-                    {% get_language_info_list for LANGUAGES.split as languages %}
 
-                    {% for language in languages %}
 
-                    <option value="{{ language.code }}"{% if language.code == LANGUAGE_CODE %} selected="selected"{% endif %}>
 
-                      {{ language.name_local }} ({{ language.code }})
 
-                    </option>
 
-                    {% endfor %}
 
-                    {% endwith %}
 
-                  </select>
 
-                  <input type="submit" value="Go" />
 
-                </form>
 
-              </li>
 
                 <li>
 
                     <a href="/admin"><i class="fa fa-pencil-square-o"></i>  {% trans "Admin" %}</a>
 
                 </li>
 
+                <li class="dropdown langue">
 
+                  <form action="{% url 'set_language' %}" method="post">{% csrf_token %}
 
+                    <input name="next" type="hidden" value="{{ redirect_to }}" />
 
+                    <select class="selectpicker" title="     {% trans "Language" %}" name="language" onchange='this.form.submit()'>
 
+                      {% get_current_language as LANGUAGE_CODE %}
 
+                      {% with "fr en es" as LANGUAGES %}
 
+                      {% get_language_info_list for LANGUAGES.split as languages %}
 
+                        {% for language in languages %}
 
+                          <option value="{{ language.code }}">
 
+                               {{ language.name_local }}
 
+                          </option>
 
+                        {% endfor %}
 
+                      {% endwith %}
 
+                    </select>
 
+                    <noscript><input type="submit" value="Submit"></noscript>
 
+                  </form>
 
+                </li>
 
                 <li class="dropdown">
 
                     <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-info-circle"></i>  {% trans "About" %}<b class="caret"></b></a>
 
                     <ul class="dropdown-menu">