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);
                 }
             });
	1	+body {
	2	+ overflow-x: hidden;
	3	+}
	4	+
1	5	ul, li {
2	6	list-style-type: none;
3	7	text-decoration: none;
...	...	@@ -1557,7 +1561,8 @@ div.dataTables_wrapper div.dataTables_paginate {
1557	1561	position: absolute;
1558	1562	top: 5px;
1559	1563	right: -315px;
1560		- overflow-y: auto
	1564	+ overflow-y: auto;
	1565	+ opacity: 0;
1561	1566	}
1562	1567
1563	1568	#participants {
...	...	@@ -1579,12 +1584,11 @@ div.dataTables_wrapper div.dataTables_paginate {
1579	1584
1580	1585	position: absolute;
1581	1586	top: -25px;
1582		- right: -25px;
	1587	+ right: -20px;
1583	1588	cursor: pointer;
1584	1589	padding: 5px;
1585	1590	border-top-left-radius: 5px;
1586	1591	border-top-right-radius: 5px;
1587		-
1588	1592	}
1589	1593
1590	1594	#participants.open {
...	...
...	...	@@ -73,7 +73,7 @@
73	73	</div>
74	74	</div>
75	75	</div>
76		- <div id="{{subject.slug}}" class="panel-collapse in collapse category-panel-content" style="overflow:hidden;position: relative">
	76	+ <div id="{{subject.slug}}" class="panel-collapse in collapse category-panel-content" style="position: relative">
77	77	<p>{{subject.description\|safe}}</p>
78	78
79	79	{% if has_subject_permissions %}
...	...	@@ -190,11 +190,12 @@
190	190
191	191	if ($this.hasClass('open')) {
192	192	$this.animate({
193		- right : '-25px'
	193	+ right : '-20px'
194	194	}, 500);
195	195
196	196	list.animate({
197		- right : '-315px'
	197	+ right : '-315px',
	198	+ opacity: 0
198	199	}, 500);
199	200
200	201	$this.removeClass('open');
...	...	@@ -204,7 +205,8 @@
204	205	}, 500).addClass('open');
205	206
206	207	list.animate({
207		- right : 0
	208	+ right : 0,
	209	+ opacity: 1
208	210	}, 500);
209	211	}
210	212	});
...	...