Subject view participants list style adjusts

Zambom
1 parent 7f60c409
Showing 2 changed files with 13 additions and 5 deletions Show diff stats
amadeus/static/css/base/amadeus.css
subjects/templates/subjects/view.html
@@ -1358,6 +1358,10 @@ div.dataTables_wrapper div.dataTables_paginate {
     border-spacing: 0;
     border-collapse: collapse;
 }
+.subject-participants .status {
+    width: 10px;
+    height: 10px;
+}
 .participant .user-info h4 {
     font-weight: 700;
     line-height: 2.0;
@@ -1556,11 +1560,11 @@ div.dataTables_wrapper div.dataTables_paginate {
 .participants-list {
     height: 200px;
     max-height: 200px;
-    width: 315px;
+    width: 180px;
     float: right;
     position: absolute;
     top: 5px;
-    right: -315px;
+    right: -180px;
     overflow-y: auto;
     opacity: 0;
     visibility: hidden;
@@ -1577,13 +1581,17 @@ div.dataTables_wrapper div.dataTables_paginate {
 }
  
 .participants-list .subject-participants {
-    width: 300px;
+    width: 165px;
 }
  
 .participants-container {
     cursor: pointer;
 }
  
+.participants-container h4 {
+    font-size: 14px;
+}
+
 @-moz-document url-prefix() {
     .talk_body .checkbox input[type="checkbox"] {
         display: none;
@@ -194,14 +194,14 @@
                     }, 500);
  
                     list.animate({
-                        right : '-315px',
+                        right : '-180px',
                         opacity: 0
                     }, 500).css({visibility: 'hidden'});
  
                     $this.removeClass('open');
                 } else {
                     $this.animate({
-                        right : "317"
+                        right : "182"
                     }, 500).addClass('open');
  
                     list.animate({
...	...	@@ -1358,6 +1358,10 @@ div.dataTables_wrapper div.dataTables_paginate {
1358	1358	border-spacing: 0;
1359	1359	border-collapse: collapse;
1360	1360	}
	1361	+.subject-participants .status {
	1362	+ width: 10px;
	1363	+ height: 10px;
	1364	+}
1361	1365	.participant .user-info h4 {
1362	1366	font-weight: 700;
1363	1367	line-height: 2.0;
...	...	@@ -1556,11 +1560,11 @@ div.dataTables_wrapper div.dataTables_paginate {
1556	1560	.participants-list {
1557	1561	height: 200px;
1558	1562	max-height: 200px;
1559		- width: 315px;
	1563	+ width: 180px;
1560	1564	float: right;
1561	1565	position: absolute;
1562	1566	top: 5px;
1563		- right: -315px;
	1567	+ right: -180px;
1564	1568	overflow-y: auto;
1565	1569	opacity: 0;
1566	1570	visibility: hidden;
...	...	@@ -1577,13 +1581,17 @@ div.dataTables_wrapper div.dataTables_paginate {
1577	1581	}
1578	1582
1579	1583	.participants-list .subject-participants {
1580		- width: 300px;
	1584	+ width: 165px;
1581	1585	}
1582	1586
1583	1587	.participants-container {
1584	1588	cursor: pointer;
1585	1589	}
1586	1590
	1591	+.participants-container h4 {
	1592	+ font-size: 14px;
	1593	+}
	1594	+
1587	1595	@-moz-document url-prefix() {
1588	1596	.talk_body .checkbox input[type="checkbox"] {
1589	1597	display: none;
...	...
...	...	@@ -194,14 +194,14 @@
194	194	}, 500);
195	195
196	196	list.animate({
197		- right : '-315px',
	197	+ right : '-180px',
198	198	opacity: 0
199	199	}, 500).css({visibility: 'hidden'});
200	200
201	201	$this.removeClass('open');
202	202	} else {
203	203	$this.animate({
204		- right : "317"
	204	+ right : "182"
205	205	}, 500).addClass('open');
206	206
207	207	list.animate({
...	...