Layout improvements for agenda and motions

- Use more compact agenda on projector (reduce line height)
- Fixed sorting of motions and limit motion title lenght in recommendation dropdown menu.
- Improved CSS for using tables in topic text (site and projector).

openslides/agenda/static/css/agenda/_projector.scss

@@ -1,30 +1,22 @@
 @import 'list_of_speakers';
 
 /* Agenda list */
-.agendalist {
-    line-height: 1.5em;
-
-    p {
-        font-size: 140%;
-    }
-
-    .mainitem {
-        margin-top: 25px;
-    }
-
-    .subitem {
-        font-size: 100%;
-        margin-bottom: 4px;
-    }
-}
 .agendalist-table {
     td {
         vertical-align: top;
-        padding-left: 5px;
+        padding-left: 15px;
     }
 
-    .number {
+    td.number {
-        padding: 0;
+        padding-left: 0;
         white-space: nowrap;
     }
+
+    p.mainitem {
+        font-size: 140%;
+    }
+
+    p.subitem {
+        font-size: 100%;
+    }
 }

openslides/agenda/static/templates/agenda/slide-item-list.html

@@ -16,11 +16,6 @@
       {{ node.item.item_number }}
     </p>
   </td>
-  <td ng-if="!node.item.closed">
-    <p ng-class="{mainitem: node.item.parent_id === null}" ng-if="node.item.item_number">
-      &middot;
-    </p>
-  </td>
   <td ng-if="!node.item.closed">
     <p ng-class="{mainitem: node.item.parent_id === null, subitem: node.item.parent_id !== null}">
       {{ node.item.title }}

openslides/core/static/css/_helper.scss

@@ -10,6 +10,8 @@
 
 .dropdown-menu {
     margin-left: 0px !important;
+    max-height: 300px;
+    overflow-y: auto;
 }
 
 .slimDropDown {
@@ -162,6 +164,11 @@
 }
 
 /* tables */
+.topictext table {
+    border-spacing: 10px 0;
+    border-collapse: separate;
+}
+
 .minimum {
     width: 1px;
 }

openslides/motions/static/templates/motions/motion-detail.html

@@ -251,9 +251,10 @@
                     <translate>Motion</translate>
                   </span>
                   <ul uib-dropdown-menu class="dropdown-menu" aria-labelledby="motion-dropdown">
-                    <li ng-repeat="m in motions | orderBy: identifier">
+                    <li ng-repeat="m in motions | orderBy: 'identifier'">
                       <a href ng-click="addMotionToRecommendationField(m)">
-                        {{ m.identifier ? m.identifier + ':' : '' }} {{ m.getTitle() }}
+                        {{ m.identifier ? m.identifier + ':' : '' }}
+                        {{ m.getTitle() | limitTo: 35 }}{{ m.getTitle().length > 35 ? '...' : '' }}
                       </a>
                     </li>
                   </ul>

openslides/topics/static/templates/topics/slide_topic.html

@@ -1,4 +1,4 @@
 <div ng-controller="SlideTopicCtrl" class="content scrollcontent">
   <h1>{{ topic.agenda_item.getTitle() }}</h1>
-  <div ng-bind-html="topic.text | trusted" class="zoomcontent"></div>
+  <div ng-bind-html="topic.text | trusted" class="zoomcontent topictext"></div>
 </div>

openslides/topics/static/templates/topics/topic-detail.html

@@ -26,7 +26,7 @@
 </div>
 
 <div class="details">
-  <div ng-bind-html="topic.text | trusted"></div>
+  <div ng-bind-html="topic.text | trusted" class="topictext"></div>
   <h3 ng-if="topic.attachments.length > 0" translate>Attachments</h3>
   <ul>
     <li ng-repeat="attachment in topic.attachments">