Adjusting participants list in subject view page

Zambom
1 parent 625645f9
Showing 2 changed files with 13 additions and 7 deletions Show diff stats
amadeus/static/css/base/amadeus.css
subjects/templates/subjects/view.html
+body {
+    overflow-x: hidden;
+}
+
 ul, li {
     list-style-type: none;
     text-decoration: none;
@@ -1557,7 +1561,8 @@ div.dataTables_wrapper div.dataTables_paginate {
     position: absolute;
     top: 5px;
     right: -315px;
-    overflow-y: auto
+    overflow-y: auto;
+    opacity: 0;
 }
 #participants {
@@ -1579,12 +1584,11 @@ div.dataTables_wrapper div.dataTables_paginate {
     position: absolute;
     top: -25px;
-    right: -25px;
+    right: -20px;
     cursor: pointer;
     padding: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
-    
 }
 #participants.open {
@@ -73,7 +73,7 @@
                 </div>
             </div>
         </div>
-        <div id="{{subject.slug}}" class="panel-collapse in collapse category-panel-content" style="overflow:hidden;position: relative">
+        <div id="{{subject.slug}}" class="panel-collapse in collapse category-panel-content" style="position: relative">
             <p>{{subject.description|safe}}</p>
             {% if has_subject_permissions %}
@@ -190,11 +190,12 @@
                 if ($this.hasClass('open')) {
                     $this.animate({
-                        right : '-25px'
+                        right : '-20px'
                     }, 500);
                     list.animate({
-                        right : '-315px'
+                        right : '-315px',
+                        opacity: 0
                     }, 500);
                     $this.removeClass('open');
@@ -204,7 +205,8 @@
                     }, 500).addClass('open');
                     list.animate({
-                        right : 0
+                        right : 0,
+                        opacity: 1
                     }, 500);
                 }
             });