Browse files

fullscreen card view #23 #110

  • Loading branch information...
1 parent 96697a6 commit f95c67d1b5fdaaf00205538925cf4ff3fda42a2c @rauhryan rauhryan committed Feb 24, 2013
View
2 public/css/main.min.css
@@ -1 +1 @@
-@import url("../font/iconic.css");ul.repos,ul.repos li{list-style:none;margin:0}ul.repos li{margin:0 0 8px 0;position:relative;overflow:hidden;border-bottom:1px solid #ccc}ul.repos li:last-child{border:0;margin-bottom:3px}ul.repos li a{float:right;padding-top:30px;position:relative;margin:0 3px}ul.repos li>span a{float:none}ul.repos li a span{color:gray}ul.repos li>span{font-size:1.4em}ul.repos li a strong{font-size:2em;position:absolute;top:3px;left:10%}ul.repos li a.btn{padding-top:7px;margin-top:7px}#workqueue>div{margin:0 0 40px 0}ul.milestones .ui-sortable-placeholder{background:rgba(0,0,0,0.1);list-style:none;padding:20px 5px 15px 5px;margin:10px 0;border-radius:4px}li.ui-state-dragging{border-radius:4px;background:rgba(0,104,215,0.25)}ul.milestones{list-style:none;counter-reset:milestone;margin:0;padding:10px 2px;padding-top:0px}ul.milestones li{margin:0 0 4px 0;position:relative;cursor:move;padding-left:10px}ul.milestones li a{display:block;padding:7px;margin-left:20px}ul.milestones li:before{content:counter(milestone);counter-increment:milestone;background:#CCC;border-radius:20px;height:20px;width:20px;margin:0px;text-align:center;vertical-align:middle;position:absolute;top:7px;box-shadow:0px 1px 2px #333;color:#333;cursor:move}ul.milestones li a:first-letter{text-transform:capitalize}ul.milestones li a em{float:right;font-style:normal;font-weight:normal}ul.milestones li div{position:absolute;top:0;left:30%;width:50%;background:#ccc;border-radius:4px}ul.milestones li div span{display:block;background:rgba(0,0,0,0.3);padding:7px 0;text-indent:-9999em;border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px}.arrow,.board .column h3{margin-right:20px;position:relative;box-sizing:border-box;margin-top:0;color:#555}.arrow:before,.board .column h3:before,.arrow:after,.board .column h3:after{left:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-radius:2px}.arrow:after,.board .column h3:after{border-left-color:#f3f3f3;border-width:21px;top:50%;margin-top:-21px}.arrow:before,.board .column h3:before{border-left-color:#e5e5e5;border-width:22px;top:50%;margin-top:-22px}.container-fluid{padding-right:25px;padding-left:25px}.toggle-drawer{position:absolute;z-index:5;margin:0px;padding:10px;border:1px solid #ccc;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:40px;line-height:20px;background:#fff;background:rgba(255,255,255,0.8);text-align:center}.toggle-drawer.arrow-right{right:-35px;background-color:#0069D6;background-color:rgba(0,105,214,0.6);border-color:#0069D6;border-color:rgba(0,105,214,0.6);color:#fff}.toggle-drawer.arrow-right:hover{right:-40px;color:#fff}.toggle-drawer.arrow-left{right:-25px}.toggle-drawer:hover{text-decoration:none}#drawer{position:absolute;width:352px;top:0;left:-640px}#drawer .board,#drawer .filters{background:#fff;border-right:1px solid #ccc}#drawer .column{float:none;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.column{float:left;vertical-align:top;padding:0px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.column:first-child{padding-left:0}.column:last-child{padding-right:0}.backlog{white-space:nowrap;overflow-x:auto}.backlog .column{float:none;display:inline-block}.sidebar .backlog .column{width:209px}.column h3{line-height:20px;margin-bottom:10px;padding:10px;border:1px solid #e5e5e5;background:#f3f3f3;font-size:100%}.column ul{margin:0;padding:0}.backlog .dim{opacity:0.6}.board .dim{opacity:0.6;-webkit-transition:opacity 0.6s,ease-out;-moz-transition:opacity 0.6s,ease-out;-ms-transition:opacity 0.6s,ease-out;-o-transition:opacity 0.6s,ease-out;transition:opacity 0.6s,ease-out;-webkit-transition:filter 0.6s,ease-out;-moz-transition:filter 0.6s,ease-out;-ms-transition:filter 0.6s,ease-out;-o-transition:filter 0.6s,ease-out;transition:filter 0.6s,ease-out;-webkit-filter:grayscale(100%) opacity(80%);-moz-filter:grayscale(100%) opacity(80%);filter:grayscale(100%) opacity(80%);-webkit-box-shadow:inset 0 0px 1px rgba(0,0,0,0.3);box-shadow:inset 0 0px 1px rgba(0,0,0,0.3);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}.column li{list-style:none;padding:5px 5px 34px 5px;margin:10px 0;cursor:move;position:relative;background-color:#fff;border:1px solid #e5e5e5;border-bottom-color:#d8d8d8}.column li.assignee-accept{border-color:#0069D6}.column li .card-labels{position:absolute;bottom:-3px}.column li .card-labels .card-label-wrapper{float:left;margin-right:5px}.column li .card-labels .card-label-wrapper .card-label{z-index:10}.column li .card-labels .card-label-wrapper .card-label.active.small{height:4px;width:40px;display:block}.column li .card-labels .card-label-wrapper .card-label.active.large{position:relative;top:22px;display:none;padding:3px 10px}.column li .card-labels:hover .card-label.active.small{display:none}.column li .card-labels:hover .card-label.active.large{display:block}.column li .card-header{border-bottom:1px solid #ccc;padding:5px 0;color:#444}.column li .title{padding-right:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.column li .milestone{color:#999;font-size:11px}.column li img{position:absolute;bottom:5px;left:5px}.column li .number{position:absolute;vertical-align:bottom;bottom:5px;right:5px;font-size:2em}.column li a.close{position:absolute;top:12px;right:3px;width:16px;font-size:24px;opacity:0.0}.column li:hover a.close{opacity:0.3}.column li a.close:hover{opacity:0.5}.column li a small{color:#999;padding-right:2px}.column .ui-sortable-placeholder{background:#ccc;list-style:none;padding:80px 5px 10px 5px;margin:10px 0}.column .ui-sortable-hover{background:#efefef}.filters{list-style:none;margin:0;padding:0 20px 0 0}.filters li{margin-bottom:10px;background:#fff;border-radius:4px}.filters li.clear-filters,.filters li.clear-filters a{background:none;color:#666}.filters li.clear-filters{border-radius:0;border-bottom:1px solid #444}.filters li.clear-filters a:hover{color:#666}.filters li a{position:relative;padding:10px;display:block;padding-right:25px;text-decoration:none;border-radius:4px;color:#777}.filters li a strong{position:absolute;top:12px;right:10px}.filter a.active,.filter a.active:hover{background-color:#0069D6;color:#fff}.filter a.dim,.filter a.dim:hover{background-color:#0069D6;background-color:rgba(0,105,214,0.6);color:#fff}.filter .iconic{position:absolute;top:13px;right:3px;width:22px;font-size:30px;display:none;opacity:0.8}.filter .iconic:hover{opacity:1}.filter a:hover{background-color:#efefef}.filter .dim:hover .iconic,.filter .active:hover .iconic{display:inline}.header{font-size:24px}.header .author{color:#08C;font-weight:normal}.header .repo{color:#08C}.header input{border:0;outline:0;background:#fff;vertical-align:baseline;line-height:40px;margin:0;padding:0;font-size:24px}.assignee{list-style:none;line-height:40px;float:left;margin:0 2px;cursor:pointer}.page-header-wrapper ol{margin:0;padding:0;float:right;list-style:none}body,html{height:100%}#wrapper{height:auto !important;height:100%;min-height:100%;margin-bottom:-60px}#footer,#footer-pusher{min-height:60px}#footer{background-color:#f3f3f3;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3),color-stop(100%, #f9f9f9));background-image:-webkit-linear-gradient(top, #f3f3f3,#f9f9f9);background-image:-moz-linear-gradient(top, #f3f3f3,#f9f9f9);background-image:-ms-linear-gradient(top, #f3f3f3,#f9f9f9);background-image:-o-linear-gradient(top, #f3f3f3,#f9f9f9);background-image:linear-gradient(top, #f3f3f3,#f9f9f9);border-top:1px solid #e5e5e5}#footer h2{-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0,0,0,0.75)));color:#999;color:rgba(255,255,255,0.3);text-shadow:-1px -1px rgba(0,0,0,0.4)}.fullscreen-overlay{position:fixed;top:0px;left:0px;z-index:10;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;background-color:rgba(243,243,243,0.8);display:none}.fullscreen-open{overflow:hidden}.fullscreen-open .fullscreen-overlay{display:block}.fullscreen-wrapper{margin:0px 60px}.fullscreen-card{position:relative;background-color:#fff;margin:50px auto;border-radius:2px;border:1px solid rgba(0,0,0,0.3);padding:20px 0px;overflow:hidden}.fullscreen-card-header h2{margin-top:0;font-size:20px;line-height:28px}.fullscreen-card-description p{-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.fullscreen-card-right{position:absolute;right:0;top:20px;margin-right:20px;width:160px;height:100px}.fullscreen-card-left{margin-left:20px;margin-right:200px;border-right:1px solid #ccc;padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.navbar.navbar-fixed-top .navbar-inner,.navbar.navbar-static-top .navbar-inner{-webkit-box-shadow:none;box-shadow:none}.navbar .navbar-inner{background-color:#f9f9f9;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9),color-stop(100%, #f3f3f3));background-image:-webkit-linear-gradient(top, #f9f9f9,#f3f3f3);background-image:-moz-linear-gradient(top, #f9f9f9,#f3f3f3);background-image:-ms-linear-gradient(top, #f9f9f9,#f3f3f3);background-image:-o-linear-gradient(top, #f9f9f9,#f3f3f3);background-image:linear-gradient(top, #f9f9f9,#f3f3f3);border-bottom:1px solid #e5e5e5}.navbar .navbar-inner .nav a{-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0,0,0,0.75)))}.navbar .nav>li>a:hover{border-top:3px solid #DD4B39;padding-top:7px}.navbar .nav>li.active>a,.navbar .nav>li.active>a:hover,.navbar .nav>li.active>.dropdown-toggle,.navbar .nav>li.active>.dropdown-toggle:hover,.navbar .nav>li.dropdown.open>a,.navbar .nav>li.dropdown.open>a:hover,.navbar .nav>li.dropdown.open>.dropdown-toggle,.navbar .nav>li.dropdown.open>.dropdown-toggle:hover{border-top:3px solid #2590D6;padding-top:7px;background:none;-webkit-box-shadow:none;box-shadow:none}.hide{display:none}.breadcrumb{margin:-43px 0 7px 0}#main-stage{margin-bottom:50px}.container-fluid{position:relative}.container-fluid>.sidebar{width:230px;position:absolute;border-right:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container-fluid>.content{margin-left:250px;position:relative}.drop-shadow{position:relative;padding:1em;background:#fff;border:1px solid #f2f2f2;border-bottom-color:#e5e5e5;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);box-shadow:0 1px 2px rgba(0,0,0,0.4)}.instructions{text-align:center;margin-top:60px}.instructions ol{width:30px;text-align:left;margin-left:auto;margin-right:auto}
+@import url("../font/iconic.css");ul.repos,ul.repos li{list-style:none;margin:0}ul.repos li{margin:0 0 8px 0;position:relative;overflow:hidden;border-bottom:1px solid #ccc}ul.repos li:last-child{border:0;margin-bottom:3px}ul.repos li a{float:right;padding-top:30px;position:relative;margin:0 3px}ul.repos li>span a{float:none}ul.repos li a span{color:gray}ul.repos li>span{font-size:1.4em}ul.repos li a strong{font-size:2em;position:absolute;top:3px;left:10%}ul.repos li a.btn{padding-top:7px;margin-top:7px}#workqueue>div{margin:0 0 40px 0}ul.milestones .ui-sortable-placeholder{background:rgba(0,0,0,0.1);list-style:none;padding:20px 5px 15px 5px;margin:10px 0;border-radius:4px}li.ui-state-dragging{border-radius:4px;background:rgba(0,104,215,0.25)}ul.milestones{list-style:none;counter-reset:milestone;margin:0;padding:10px 2px;padding-top:0px}ul.milestones li{margin:0 0 4px 0;position:relative;cursor:move;padding-left:10px}ul.milestones li a{display:block;padding:7px;margin-left:20px}ul.milestones li:before{content:counter(milestone);counter-increment:milestone;background:#CCC;border-radius:20px;height:20px;width:20px;margin:0px;text-align:center;vertical-align:middle;position:absolute;top:7px;box-shadow:0px 1px 2px #333;color:#333;cursor:move}ul.milestones li a:first-letter{text-transform:capitalize}ul.milestones li a em{float:right;font-style:normal;font-weight:normal}ul.milestones li div{position:absolute;top:0;left:30%;width:50%;background:#ccc;border-radius:4px}ul.milestones li div span{display:block;background:rgba(0,0,0,0.3);padding:7px 0;text-indent:-9999em;border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px}.arrow,.board .column h3{margin-right:20px;position:relative;box-sizing:border-box;margin-top:0;color:#555}.arrow:before,.board .column h3:before,.arrow:after,.board .column h3:after{left:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-radius:2px}.arrow:after,.board .column h3:after{border-left-color:#f3f3f3;border-width:21px;top:50%;margin-top:-21px}.arrow:before,.board .column h3:before{border-left-color:#e5e5e5;border-width:22px;top:50%;margin-top:-22px}.container-fluid{padding-right:25px;padding-left:25px}.toggle-drawer{position:absolute;z-index:5;margin:0px;padding:10px;border:1px solid #ccc;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:40px;line-height:20px;background:#fff;background:rgba(255,255,255,0.8);text-align:center}.toggle-drawer.arrow-right{right:-35px;background-color:#0069D6;background-color:rgba(0,105,214,0.6);border-color:#0069D6;border-color:rgba(0,105,214,0.6);color:#fff}.toggle-drawer.arrow-right:hover{right:-40px;color:#fff}.toggle-drawer.arrow-left{right:-25px}.toggle-drawer:hover{text-decoration:none}#drawer{position:absolute;width:352px;top:0;left:-640px}#drawer .board,#drawer .filters{background:#fff;border-right:1px solid #ccc}#drawer .column{float:none;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.column{float:left;vertical-align:top;padding:0px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.column:first-child{padding-left:0}.column:last-child{padding-right:0}.backlog{white-space:nowrap;overflow-x:auto}.backlog .column{float:none;display:inline-block}.sidebar .backlog .column{width:209px}.column h3{line-height:20px;margin-bottom:10px;padding:10px;border:1px solid #e5e5e5;background:#f3f3f3;font-size:100%}.column ul{margin:0;padding:0}.backlog .dim{opacity:0.6}.board .dim{opacity:0.6;-webkit-transition:opacity 0.6s,ease-out;-moz-transition:opacity 0.6s,ease-out;-ms-transition:opacity 0.6s,ease-out;-o-transition:opacity 0.6s,ease-out;transition:opacity 0.6s,ease-out;-webkit-transition:filter 0.6s,ease-out;-moz-transition:filter 0.6s,ease-out;-ms-transition:filter 0.6s,ease-out;-o-transition:filter 0.6s,ease-out;transition:filter 0.6s,ease-out;-webkit-filter:grayscale(100%) opacity(80%);-moz-filter:grayscale(100%) opacity(80%);filter:grayscale(100%) opacity(80%);-webkit-box-shadow:inset 0 0px 1px rgba(0,0,0,0.3);box-shadow:inset 0 0px 1px rgba(0,0,0,0.3);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}.column li{list-style:none;padding:5px 5px 34px 5px;margin:10px 0;cursor:move;position:relative;background-color:#fff;border:1px solid #e5e5e5;border-bottom-color:#d8d8d8}.column li.assignee-accept{border-color:#0069D6}.column li .card-labels{position:absolute;bottom:-3px}.column li .card-labels .card-label-wrapper{float:left;margin-right:5px}.column li .card-labels .card-label-wrapper .card-label{z-index:10}.column li .card-labels .card-label-wrapper .card-label.active.small{height:4px;width:40px;display:block}.column li .card-labels .card-label-wrapper .card-label.active.large{position:relative;top:22px;display:none;padding:3px 10px}.column li .card-labels:hover .card-label.active.small{display:none}.column li .card-labels:hover .card-label.active.large{display:block}.column li .card-header{border-bottom:1px solid #ccc;padding:5px 0;color:#444}.column li .title{padding-right:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.column li .milestone{color:#999;font-size:11px}.column li img{position:absolute;bottom:5px;left:5px}.column li .number{position:absolute;vertical-align:bottom;bottom:5px;right:5px;font-size:2em}.column li a.close{position:absolute;top:12px;right:3px;width:16px;font-size:24px;opacity:0.0}.column li:hover a.close{opacity:0.3}.column li a.close:hover{opacity:0.5}.column li a small{color:#999;padding-right:2px}.column .ui-sortable-placeholder{background:#ccc;list-style:none;padding:80px 5px 10px 5px;margin:10px 0}.column .ui-sortable-hover{background:#efefef}.filters{list-style:none;margin:0;padding:0 20px 0 0}.filters li{margin-bottom:10px;background:#fff;border-radius:4px}.filters li.clear-filters,.filters li.clear-filters a{background:none;color:#666}.filters li.clear-filters{border-radius:0;border-bottom:1px solid #444}.filters li.clear-filters a:hover{color:#666}.filters li a{position:relative;padding:10px;display:block;padding-right:25px;text-decoration:none;border-radius:4px;color:#777}.filters li a strong{position:absolute;top:12px;right:10px}.filter a.active,.filter a.active:hover{background-color:#0069D6;color:#fff}.filter a.dim,.filter a.dim:hover{background-color:#0069D6;background-color:rgba(0,105,214,0.6);color:#fff}.filter .iconic{position:absolute;top:13px;right:3px;width:22px;font-size:30px;display:none;opacity:0.8}.filter .iconic:hover{opacity:1}.filter a:hover{background-color:#efefef}.filter .dim:hover .iconic,.filter .active:hover .iconic{display:inline}.header{font-size:24px}.header .author{color:#08C;font-weight:normal}.header .repo{color:#08C}.header input{border:0;outline:0;background:#fff;vertical-align:baseline;line-height:40px;margin:0;padding:0;font-size:24px}.assignee{list-style:none;line-height:40px;float:left;margin:0 2px;cursor:pointer}.page-header-wrapper ol{margin:0;padding:0;float:right;list-style:none}body,html{height:100%}#wrapper{height:auto !important;height:100%;min-height:100%;margin-bottom:-60px}#footer,#footer-pusher{min-height:60px}#footer{background-color:#f3f3f3;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3),color-stop(100%, #f9f9f9));background-image:-webkit-linear-gradient(top, #f3f3f3,#f9f9f9);background-image:-moz-linear-gradient(top, #f3f3f3,#f9f9f9);background-image:-ms-linear-gradient(top, #f3f3f3,#f9f9f9);background-image:-o-linear-gradient(top, #f3f3f3,#f9f9f9);background-image:linear-gradient(top, #f3f3f3,#f9f9f9);border-top:1px solid #e5e5e5}#footer h2{-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0,0,0,0.75)));color:#999;color:rgba(255,255,255,0.3);text-shadow:-1px -1px rgba(0,0,0,0.4)}.fullscreen-overlay{position:fixed;top:0px;left:0px;z-index:10;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;background-color:rgba(243,243,243,0.8);display:none}.fullscreen-open{overflow:hidden}.fullscreen-open .fullscreen-overlay{display:block}.fullscreen-wrapper{margin:0px 60px}.fullscreen-card{position:relative;max-width:960px;background-color:#fff;margin:50px auto;border-radius:2px;border:1px solid rgba(0,0,0,0.3);padding:20px 0px;overflow:hidden}.fullscreen-header{margin:20px 0}.fullscreen-header h2{margin:0;font-size:20px;line-height:28px}.fullscreen-header h3{margin:0;font-size:18px;line-height:26px}.fullscreen-card-preamble .fullscreen-header{margin-top:0}.fullscreen-card-description p{-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.fullscreen-card-right{position:absolute;right:0;top:20px;margin-right:20px;width:160px;height:100px}.fullscreen-card-left{margin-left:20px;margin-right:200px;padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.fullscreen-card-activity .card-comment{overflow:hidden;margin-bottom:10px}.fullscreen-card-activity .card-comment>img{float:left}.fullscreen-card-activity .comment-body{margin-left:40px}.fullscreen-card-activity .comment-body .email-fragment{margin-bottom:10px}.fullscreen-card-activity .comment-body .email-hidden-toggle{display:none}.labels{list-style:none;margin:0;padding:0}.labels h5{margin-top:0px}.labels li{margin-bottom:10px;border-radius:4px}.labels li span{position:relative;padding:10px;display:block;text-decoration:none;border-radius:4px;color:#777}.navbar.navbar-fixed-top .navbar-inner,.navbar.navbar-static-top .navbar-inner{-webkit-box-shadow:none;box-shadow:none}.navbar .navbar-inner{background-color:#f9f9f9;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9),color-stop(100%, #f3f3f3));background-image:-webkit-linear-gradient(top, #f9f9f9,#f3f3f3);background-image:-moz-linear-gradient(top, #f9f9f9,#f3f3f3);background-image:-ms-linear-gradient(top, #f9f9f9,#f3f3f3);background-image:-o-linear-gradient(top, #f9f9f9,#f3f3f3);background-image:linear-gradient(top, #f9f9f9,#f3f3f3);border-bottom:1px solid #e5e5e5}.navbar .navbar-inner .nav a{-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0,0,0,0.75)))}.navbar .nav>li>a:hover{border-top:3px solid #DD4B39;padding-top:7px}.navbar .nav>li.active>a,.navbar .nav>li.active>a:hover,.navbar .nav>li.active>.dropdown-toggle,.navbar .nav>li.active>.dropdown-toggle:hover,.navbar .nav>li.dropdown.open>a,.navbar .nav>li.dropdown.open>a:hover,.navbar .nav>li.dropdown.open>.dropdown-toggle,.navbar .nav>li.dropdown.open>.dropdown-toggle:hover{border-top:3px solid #2590D6;padding-top:7px;background:none;-webkit-box-shadow:none;box-shadow:none}.hide{display:none}.breadcrumb{margin:-43px 0 7px 0}#main-stage{margin-bottom:50px}.container-fluid{position:relative}.container-fluid>.sidebar{width:230px;position:absolute;border-right:1px solid #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container-fluid>.content{margin-left:250px;position:relative}.drop-shadow{position:relative;padding:1em;background:#fff;border:1px solid #f2f2f2;border-bottom-color:#e5e5e5;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4);box-shadow:0 1px 2px rgba(0,0,0,0.4)}.instructions{text-align:center;margin-top:60px}.instructions ol{width:30px;text-align:left;margin-left:auto;margin-right:auto}
View
63 public/css/scss/_overlay.scss
@@ -35,6 +35,7 @@
.fullscreen-card {
position: relative;
+ max-width: 960px;
background-color: #fff;
@@ -49,12 +50,25 @@
}
-.fullscreen-card-header {
+.fullscreen-header {
+ margin: 20px 0;
+
h2{
- margin-top: 0;
+ margin: 0;
font-size: 20px;
line-height: 28px;
}
+ h3 {
+ margin: 0;
+ font-size: 18px;
+ line-height: 26px;
+ }
+
+}
+.fullscreen-card-preamble {
+ .fullscreen-header {
+ margin-top: 0;
+ }
}
.fullscreen-card-description {
@@ -84,10 +98,53 @@
.fullscreen-card-left {
margin-left: 20px;
margin-right: 200px;
- border-right: 1px solid #ccc;
padding-right: 10px;
@include prefixer(box-sizing, border-box);
overflow: hidden;
}
+.fullscreen-card-activity {
+ .card-comment {
+ overflow:hidden;
+ margin-bottom: 10px;
+ > img {
+ float: left;
+ }
+ }
+ .comment-body {
+ margin-left: 40px;
+ .email-fragment {
+ margin-bottom: 10px;
+ }
+ .email-hidden-toggle {
+ display:none;
+ }
+ }
+
+}
+
+.labels {
+ list-style: none;
+ margin:0;
+ padding:0;
+ h5 {
+ margin-top: 0px;
+ }
+}
+
+.labels li {
+ margin-bottom: 10px;
+ border-radius: 4px;
+}
+
+.labels li span {
+ position:relative;
+ padding: 10px;
+ display:block;
+ text-decoration: none;
+ border-radius: 4px;
+ color:#777;
+}
+
+
View
8 public/scripts/modules/backlog/views/board.js
@@ -71,20 +71,14 @@ define(["../collections/issues",
var board = $(_.template(template, data)),
noneBoard = board.clone(),
noneColumn = data.unassigned,
- grouped = _.groupBy(data.milestones, function (m){
- return m.milestone._data.status || "backlog";
- }),
- rest = (grouped.wip || []).concat(grouped.backlog),
sidebar = new sidebarView({data:data,params:this.params}),
searchView = new headerView(),
assigneesView = new assigneeView({data:data, params: this.params}),
self = this;
$(noneBoard).append(new columnView({column: noneColumn, user:this.user,repo:this.repo}).render().el);
- var width = (100 / rest.length);
-
- _.each(rest, function (label){
+ _.each(data.milestones, function (label){
var column = new columnView({column: label, user:self.user,repo:self.repo});
var markup = $(column.render().el).css({width:260 + "px"});
$(board).append(markup);
View
10 public/scripts/modules/backlog/views/cardView.js
@@ -19,16 +19,24 @@ define(["text!../templates/card.html","../models/card", "../../common/events/pos
"moved" : "moved",
"click .close": "closed",
"drop": "dropped",
- "reorder" : "drop"
+ "reorder" : "drop",
+ "click .number" : "onNumber",
+ "click" : "fullscreen"
},
tagName:"li",
onMoved: function(data){
postal.publish("Moved.Socket." + data.index,{card: this});
},
+ onNumber: function (ev) {
+ ev.stopPropagation();
+ },
onClosed: function(){
this.remove();
postal.publish("Closed.Issue",{card: this});
},
+ fullscreen: function (ev) {
+ postal.publish("Card.Fullscreen",this.issue);
+ },
render: function(){
$(this.el).html( _.template(template, this.issue.attributes))
.droppable({scope:"assignee",hoverClass:"assignee-accept"})
View
5 public/scripts/modules/board/views/cardView.js
@@ -20,10 +20,14 @@ define(["text!../templates/card.html","../models/card", "../../common/events/pos
"click .close": "closed",
"drop": "dropped",
"reorder" : "drop",
+ "click .number" : "onNumber",
"click" : "fullscreen"
},
tagName:"li",
+ onNumber: function (ev) {
+ ev.stopPropagation();
+ },
onMoved: function(data){
postal.publish("Moved.Socket." + data.index,{card: this});
},
@@ -66,6 +70,7 @@ define(["text!../templates/card.html","../models/card", "../../common/events/pos
},
closed: function(ev, index){
ev.preventDefault();
+ ev.stopPropagation();
this.issue.close({index: index});
this.remove();
postal.publish("Closed.Issue",{card: this});
View
13 public/scripts/modules/card/templates/card.html
@@ -1,6 +1,8 @@
<div class="fullscreen-card-left">
- <div class="fullscreen-card-header">
- <h2> <%= title %> </h2>
+ <div class='fullscreen-card-preamble'>
+ <div class="fullscreen-header">
+ <h2> <%= title %> </h2>
+ </div>
</div>
<div class="fullscreen-card-description">
@@ -9,9 +11,10 @@
</div>
<div class="fullscreen-card-right">
<% _(other_labels).each(function(l) { %>
- <ul >
- <li class="card-label -x<%= l.color %> active large">
- <span> <%= l.name %> </span>
+ <ul class="labels">
+ <h5> Labels </h5>
+ <li class="card-label -x<%= l.color %>">
+ <span class="active"> <%= l.name %> </span>
</li>
</ul>
View
10 public/scripts/modules/card/templates/feed.html
@@ -1,10 +1,14 @@
<div class="fullscreen-card-activity">
- <h3> Activity </h3>
+ <div class="fullscreen-header">
+ <h3> Activity </h3>
+ </div>
<% _(comments).each(function(c) { %>
<div class="card-comment">
- <img src="https://secure.gravatar.com/avatar/<%= user.gravatar_id%>?s=30" />
- <%= c.body_html %>
+ <img src="https://secure.gravatar.com/avatar/<%= c.user.gravatar_id%>?s=30" />
+ <div class="comment-body">
+ <%= c.body_html %>
+ </div>
</div>
<% }); %>
</div>
View
10 views/backlog.erb
@@ -30,5 +30,15 @@
<div class="sidebar-wrapper lifted hide" > </div>
<% end %>
+<% content_for :overlay do %>
+ <div class="fullscreen-overlay" >
+
+ <div class="fullscreen-wrapper" data-module="card/main" data-parameters='<%= @parameters.to_json %>'>
+
+ </div>
+
+ </div>
+
+<% end %>
<% content_for :title do %><%= h @parameters[:repo]%> :: <% end %>

0 comments on commit f95c67d

Please sign in to comment.