Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: head.html

Issue 5137220793008128: Issue 628 - Removed overflow mechanism on manifesto page (Closed)
Patch Set: Created July 28, 2014, 9:16 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « dataroads.png ('k') | unwatchme.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <link rel="canonical" href="http://acceptableads.org/"/> 1 <link rel="canonical" href="http://acceptableads.org/"/>
2 <meta property="og:type" content="website"/> 2 <meta property="og:type" content="website"/>
3 <meta property="og:image" content="http://acceptableads.org/images/manifesto/acc eptable-ads-manifesto-share.png?a=show"/> 3 <meta property="og:image" content="http://acceptableads.org/images/manifesto/acc eptable-ads-manifesto-share.png?a=show"/>
4 <meta property="og:url" content="http://acceptableads.org"/> 4 <meta property="og:url" content="http://acceptableads.org"/>
5 <meta name="google-site-verification" content="3deBAaPY4M2OuOe576R36TC28S5svlfRR sdaGS6WCXg"/> 5 <meta name="google-site-verification" content="3deBAaPY4M2OuOe576R36TC28S5svlfRR sdaGS6WCXg"/>
6 <meta charset="utf-8"/> 6 <meta charset="utf-8"/>
7 <meta name="viewport" content="width=device-width, initial-scale=1"/> 7 <meta name="viewport" content="width=device-width, initial-scale=1"/>
8 <style type="text/css"> 8 <style type="text/css">
9 @font-face 9 @font-face
10 { 10 {
(...skipping 201 matching lines...) Expand 10 before | Expand all | Expand 10 after
212 margin: 0px; 212 margin: 0px;
213 } 213 }
214 214
215 #join-org img 215 #join-org img
216 { 216 {
217 width: 19px; 217 width: 19px;
218 height: 19px; 218 height: 19px;
219 margin-top: 6px; 219 margin-top: 6px;
220 } 220 }
221 221
222 #join-org strong, 222 #join-org strong
223 #supporters-overflow a
224 { 223 {
225 font-weight: normal; 224 font-weight: normal;
226 font-size: 15px; 225 font-size: 15px;
227 color: #78b364; 226 color: #78b364;
228 text-decoration: underline; 227 text-decoration: underline;
229 } 228 }
230 229
231 #supporters-overflow
232 {
233 margin-bottom: 20px;
234 }
235
236 #supporters-overflow .sprite
237 {
238 display: inline-block;
239 width: 9px;
240 height: 5px;
241 vertical-align: middle;
242 background-image: url(/images/manifesto/icon-arrow.png?a=show);
243 background-position: 0px -6px;
244 }
245
246 #supporters-overflow.collapsed .sprite
247 {
248 background-position: 0px 0px;
249 }
250
251 #supporters-overflow .supporter
252 {
253 width: auto;
254 font-size: 20px;
255 margin: 10px 10px 10px 0px;
256 }
257
258 #supporters-overflow.collapsed #supporters-overflow-less,
259 #supporters-overflow #supporters-overflow-more,
260 #supporters-overflow.collapsed .supporter
261 {
262 display: none;
263 }
264
265 #supporters-overflow.collapsed #supporters-overflow-more,
266 #supporters-overflow #supporters-overflow-less
267 {
268 display: inline;
269 }
270
271 #social button 230 #social button
272 { 231 {
273 width: 100%; 232 width: 100%;
274 margin: 0px; 233 margin: 0px;
275 margin-bottom: 10px; 234 margin-bottom: 10px;
276 } 235 }
277 236
278 #facebook button 237 #facebook button
279 { 238 {
280 background-color: #45658a; 239 background-color: #45658a;
(...skipping 258 matching lines...) Expand 10 before | Expand all | Expand 10 after
539 { 498 {
540 listener(event); 499 listener(event);
541 }); 500 });
542 } 501 }
543 } 502 }
544 503
545 addListener(window, "DOMContentLoaded", function(ev) 504 addListener(window, "DOMContentLoaded", function(ev)
546 { 505 {
547 fetchNumberOfSignees(); 506 fetchNumberOfSignees();
548 507
549 var showSupporters = document.getElementById("supporters-overflow-more");
550 var hideSupporters = document.getElementById("supporters-overflow-less");
551 addListener(showSupporters, "click", toggleSupporters, false);
552 addListener(hideSupporters, "click", toggleSupporters, false);
553
554 var readmore = document.getElementById("readmore"); 508 var readmore = document.getElementById("readmore");
555 addListener(readmore, "click", function(ev) 509 addListener(readmore, "click", function(ev)
556 { 510 {
557 var fulltext = document.getElementById("fulltext"); 511 var fulltext = document.getElementById("fulltext");
558 if (fulltext.hasAttribute("hidden")) 512 if (fulltext.hasAttribute("hidden"))
559 fulltext.removeAttribute("hidden"); 513 fulltext.removeAttribute("hidden");
560 else 514 else
561 fulltext.hidden = "hidden"; 515 fulltext.hidden = "hidden";
562 516
563 ev.preventDefault(); 517 ev.preventDefault();
564 ev.stopPropagation(); 518 ev.stopPropagation();
565 }, false); 519 }, false);
566 520
567 var shareTitle = document.getElementById("share-text-title")[textAttr]; 521 var shareTitle = document.getElementById("share-text-title")[textAttr];
568 var shareDescription = document.getElementById("share-text-description")[textA ttr]; 522 var shareDescription = document.getElementById("share-text-description")[textA ttr];
569 var facebookButton = document.getElementById("facebook"); 523 var facebookButton = document.getElementById("facebook");
570 facebookButton.href = "https://www.facebook.com/sharer/sharer.php?s=100&p%5Bti tle%5D=" 524 facebookButton.href = "https://www.facebook.com/sharer/sharer.php?s=100&p%5Bti tle%5D="
571 + encodeURIComponent(shareTitle) 525 + encodeURIComponent(shareTitle)
572 + "&p%5Bsummary%5D=" 526 + "&p%5Bsummary%5D="
573 + encodeURIComponent(shareDescription) 527 + encodeURIComponent(shareDescription)
574 + "&p%5Burl%5D=http%3A%2F%2Facceptableads.org%2F"; 528 + "&p%5Burl%5D=http%3A%2F%2Facceptableads.org%2F";
575 var twitterButton = document.getElementById("twitter"); 529 var twitterButton = document.getElementById("twitter");
576 twitterButton.href = "https://twitter.com/intent/tweet?text=" 530 twitterButton.href = "https://twitter.com/intent/tweet?text="
577 + encodeURIComponent(shareTitle) 531 + encodeURIComponent(shareTitle)
578 + "&url=http%3A%2F%2Facceptableads.org%2F"; 532 + "&url=http%3A%2F%2Facceptableads.org%2F";
579 }, false); 533 }, false);
580 534
581 function toggleSupporters(ev)
582 {
583 var supportersOverflow = document.getElementById("supporters-overflow");
584 var classes = supportersOverflow.className.split(" ");
585 if (classes.indexOf("collapsed") > -1)
586 classes.splice(classes.indexOf("collapsed"), 1);
587 else
588 classes.push("collapsed");
589 supportersOverflow.className = classes.join(" ");
590
591 ev.preventDefault();
592 ev.stopPropagation();
593 }
594
595 function checkCollapse() 535 function checkCollapse()
596 { 536 {
597 if (document.documentElement.offsetWidth < 500) 537 if (document.documentElement.offsetWidth < 500)
598 return; 538 return;
599 539
600 var social = document.getElementById("sign"); 540 var social = document.getElementById("sign");
601 var placeholder = document.getElementById("sign-placeholder"); 541 var placeholder = document.getElementById("sign-placeholder");
602 var classes = social.className.split(" "); 542 var classes = social.className.split(" ");
603 543
604 var scrollTop = document.body.scrollTop; 544 var scrollTop = document.body.scrollTop;
(...skipping 13 matching lines...) Expand all
618 { 558 {
619 classes.splice(classes.indexOf("collapsed"), 1); 559 classes.splice(classes.indexOf("collapsed"), 1);
620 placeholder.style.height = "0px"; 560 placeholder.style.height = "0px";
621 social.className = classes.join(" "); 561 social.className = classes.join(" ");
622 } 562 }
623 } 563 }
624 564
625 addListener(window, "scroll", checkCollapse); 565 addListener(window, "scroll", checkCollapse);
626 addListener(window, "resize", checkCollapse); 566 addListener(window, "resize", checkCollapse);
627 --></script> 567 --></script>
OLDNEW
« no previous file with comments | « dataroads.png ('k') | unwatchme.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld