autre proposition pour marquer le bas de la liste des panoramas + limitation taille champ select dans sidebar

panorama/static/panorama/css/celutz.css

@@ -347,33 +347,27 @@ select {
     height: 260px;
     overflow: scroll;
     overflow-x: hidden;
-    border-bottom: 2px solid #ae3a3a;
-}
-#panos:after,
-#panos:before {
-	top: 99.5%;
-	left: 80%;
-	border: 1px solid #666;
-	content: " ";
-	height: 0;
-	width: 0;
-	position: absolute;
-        pointer-events: none;
-
-}
-#panos:after {
-	border-color: rgba(34, 34, 34, 0);
-	border-top-color: #222;
-	border-width: 8px;
-	margin-left: -8px;
-
-}
-#panos:before {
-	border-color: rgba(102, 102, 102, 0);
-	border-top-color: #ae3a3a;
-	border-width: 11px;
-	margin-left: -11px;
-
+    z-index : 1;
+    margin-bottom: 0px;
+}
+.panosmore {
+  height: 18px;
+  width:100%;
+  margin-top: 242px;
+  position: absolute;
+  right: 0;
+  left: 0;
+  border-bottom: 1px dashed #ae3a3a;
+}
+.panosmore svg {
+  height:18px;
+  width:100%;
+  padding-left: 40%;
+}
+.panomoretext {
+  font-family: "FontAwesome";
+  color: #ae3a3a;
+  font-size:19px;
 }
 #panos::-webkit-scrollbar,
 #panos .side-nav::-webkit-scrollbar {
@@ -428,4 +422,6 @@ select {
     border-right:2px;
     border-left:2px;
 }
-
+.navbar-nav li {
+    max-width: 100%;
+}

panorama/templates/panorama/sidebar-common.html

@@ -1,11 +1,23 @@
 {% load i18n %}
+{% load staticfiles %}
         <li>
             <a id="pano-list-btn" href="javascript:;" data-toggle="collapse" data-target="#panos"><i class="fa fa-fw fa-image"></i> {% trans "Panoramas" %}<i class="fa fa-fw fa-caret-down"></i></a>
             <ul id="panos" class="collapse">
+              <div class="panosmore" >
+                  <svg>
+                      <foreignobject x="0" y="0" width="200" height="30">
+                       <p class="panomoretext">&#xf06e;</p>
+                      </foreignobject>
+                      <!--
+                      <polygon points="8 10,0 0,16 0" stroke="#ae3a3a" fill="#ae3a3a" >
+                      -->
+                  </svg> 
+              </div>
               {% for pano in panoramas %}
               <li><a href="{% url 'panorama:view_pano' pano.id %}"><i class="fa fa-fw fa-eye"></i> {{ pano.name }}</a></li>
               {% endfor %}
             </ul>
+
         </li>
         <li>
             <a id="locate-existing-btn" href="javascript:;" data-toggle="collapse" data-target="#locate-existing"><i class="fa fa-fw fa-circle-thin"></i> {% trans "Locate existing point" %}<i class="fa fa-fw fa-caret-down"></i></a>