From 82619711bc26fb443afb326ad4b14b255cb8cac2 Mon Sep 17 00:00:00 2001 From: Aaron Bushnell Date: Tue, 19 Aug 2014 09:47:36 -0400 Subject: [PATCH] Fix issue where links became unclickable at times fixes #37 --- client/sass/modules/_comments.scss | 5 +- client/sass/modules/_posts.scss | 11 +- client/stylesheets/screen.css | 158 ++++++++++++++--------------- 3 files changed, 85 insertions(+), 89 deletions(-) diff --git a/client/sass/modules/_comments.scss b/client/sass/modules/_comments.scss index 71917c6393..784713b287 100644 --- a/client/sass/modules/_comments.scss +++ b/client/sass/modules/_comments.scss @@ -1,7 +1,7 @@ .queue-container{ position:relative; height:0px; - @include single-transition(ease-out, opacity, 400ms, 0ms); + @include single-transition(ease-out, opacity, 400ms, 0ms); ul{ position:absolute; // right:0; @@ -59,7 +59,7 @@ // @extend .grid-block; // display:block; // padding:3px 8px; - + // white-space:nowrap; // font-size:14px; @@ -249,7 +249,6 @@ @include box-sizing(border-box); @extend .grid-block; @extend .cf; - float: left; width: 100%; .comment-submit{ diff --git a/client/sass/modules/_posts.scss b/client/sass/modules/_posts.scss index 07fe2f5457..e3d2772946 100644 --- a/client/sass/modules/_posts.scss +++ b/client/sass/modules/_posts.scss @@ -15,19 +15,18 @@ position: relative; padding: 25px; @include box-sizing(border-box); - + .post { position: relative; - float: left; width: 100%; @include cf; - + &.animate { @include single-transition(ease-out, top, 400ms, 0ms); } &.inactive { - .post-content, + .post-content, .post-actions li a { background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQYV2NkIALMnDlTkpGQOpCi9PT053gVwhSBDMOpEFkRToXoirAqxKYIQyEuRSgK8SmCKySkCKyQGEUghQC5OyXvW/4BHwAAAABJRU5ErkJggg=='); } @@ -125,7 +124,7 @@ } &:hover{ color:$a2-red; - } + } } .post-domain{ color: #aeaeae; @@ -289,7 +288,7 @@ } .post-actions li a:hover{ background:$highlight-color url("/img/bg-header.png") top center; - } + } } .more-button{ position:relative; diff --git a/client/stylesheets/screen.css b/client/stylesheets/screen.css index bba95bf92f..9a57e5df70 100644 --- a/client/stylesheets/screen.css +++ b/client/stylesheets/screen.css @@ -3,7 +3,7 @@ * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ -/* line 17, ../../../../../../../usr/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 17, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -25,45 +25,45 @@ time, mark, audio, video { vertical-align: baseline; } -/* line 22, ../../../../../../../usr/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 22, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } -/* line 24, ../../../../../../../usr/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 24, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } -/* line 26, ../../../../../../../usr/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 26, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } -/* line 28, ../../../../../../../usr/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 28, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 30, ../../../../../../../usr/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 30, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } -/* line 103, ../../../../../../../usr/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 103, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } -/* line 32, ../../../../../../../usr/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 32, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/* line 116, ../../../../../../../usr/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +/* line 116, ../../../../.rvm/gems/ruby-2.1.1/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } @@ -407,9 +407,9 @@ h3 { /* These styles are optional, and describe how the pageslide will look */ background-color: #333; color: #FFF; - -webkit-box-shadow: inset 0 0 5px 5px #222222; - -moz-box-shadow: inset 0 0 5px 5px #222222; - box-shadow: inset 0 0 5px 5px #222222; + -webkit-box-shadow: inset 0 0 5px 5px #222; + -moz-box-shadow: inset 0 0 5px 5px #222; + box-shadow: inset 0 0 5px 5px #222; -webkit-overflow-scrolling: touch; overflow-y: auto; } @@ -527,7 +527,7 @@ body.pageslide-open .posts { font-family: monospace; margin: 0 2px; padding: 0px 5px; - border: 1px solid #dddddd; + border: 1px solid #ddd; background-color: #f8f8f8; border-radius: 3px; } @@ -595,7 +595,7 @@ body.pageslide-open .posts { -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); - border: 3px #eeeeee solid; + border: 3px #eee solid; top: 0; left: 0; padding: 4px; @@ -615,7 +615,7 @@ body.pageslide-open .posts { display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; - border-bottom: 7px solid #cccccc; + border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; @@ -628,7 +628,7 @@ body.pageslide-open .posts { display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; - border-bottom: 6px solid white; + border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; @@ -1078,7 +1078,7 @@ body.pageslide-open .posts { border-radius: 4px; margin: 0 0 4px; padding: 4px 8px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.5; font-size: 80%; text-align: center; @@ -1238,7 +1238,6 @@ body.pageslide-open .posts { .posts .post, .single-post .post { position: relative; - float: left; width: 100%; /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ @@ -1256,7 +1255,7 @@ body.pageslide-open .posts { .single-post .post:after { clear: both; } -/* line 25, ../sass/modules/_posts.scss */ +/* line 24, ../sass/modules/_posts.scss */ .posts .post.animate, .single-post .post.animate { -webkit-transition: ease-out top 400ms; @@ -1265,7 +1264,7 @@ body.pageslide-open .posts { -o-transition: ease-out top 400ms 0ms; transition: ease-out top 400ms 0ms; } -/* line 31, ../sass/modules/_posts.scss */ +/* line 30, ../sass/modules/_posts.scss */ .posts .post.inactive .post-content, .posts .post.inactive .post-actions li a, .single-post .post.inactive .post-content, @@ -1273,16 +1272,16 @@ body.pageslide-open .posts { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVQYV2NkIALMnDlTkpGQOpCi9PT053gVwhSBDMOpEFkRToXoirAqxKYIQyEuRSgK8SmCKySkCKyQGEUghQC5OyXvW/4BHwAAAABJRU5ErkJggg=="); } -/* line 38, ../sass/modules/_posts.scss */ +/* line 37, ../sass/modules/_posts.scss */ .post-upvote { float: left; width: 36px; } -/* line 42, ../sass/modules/_posts.scss */ +/* line 41, ../sass/modules/_posts.scss */ .post-upvote .upvote-link { float: left; } -/* line 45, ../sass/modules/_posts.scss */ +/* line 44, ../sass/modules/_posts.scss */ .post-upvote .upvote-link i { display: block; font-size: 16px; @@ -1292,34 +1291,34 @@ body.pageslide-open .posts { color: #d60001; margin-top: 26px; } -/* line 54, ../sass/modules/_posts.scss */ +/* line 53, ../sass/modules/_posts.scss */ .post-upvote .upvote-link i.icon-check { display: none; } -/* line 58, ../sass/modules/_posts.scss */ +/* line 57, ../sass/modules/_posts.scss */ .post-upvote .upvote-link span { display: none; } -/* line 61, ../sass/modules/_posts.scss */ +/* line 60, ../sass/modules/_posts.scss */ .post-upvote .upvote-link.voted { cursor: default; } -/* line 63, ../sass/modules/_posts.scss */ +/* line 62, ../sass/modules/_posts.scss */ .post-upvote .upvote-link.voted i.icon-up { display: none; } -/* line 66, ../sass/modules/_posts.scss */ +/* line 65, ../sass/modules/_posts.scss */ .post-upvote .upvote-link.voted i.icon-check { display: block; color: #74d247; } -/* line 74, ../sass/modules/_posts.scss */ +/* line 73, ../sass/modules/_posts.scss */ .post-rank { display: none; } -/* line 78, ../sass/modules/_posts.scss */ +/* line 77, ../sass/modules/_posts.scss */ .post-content { position: relative; float: left; @@ -1327,11 +1326,11 @@ body.pageslide-open .posts { padding: 0; min-height: 40px; } -/* line 86, ../sass/modules/_posts.scss */ +/* line 85, ../sass/modules/_posts.scss */ .post-content .post-info { padding: 13px 17px; } -/* line 90, ../sass/modules/_posts.scss */ +/* line 89, ../sass/modules/_posts.scss */ .post-content .post-rank { position: absolute; top: 0px; @@ -1344,7 +1343,7 @@ body.pageslide-open .posts { font-size: 30px; color: rgba(0, 0, 0, 0.1); } -/* line 103, ../sass/modules/_posts.scss */ +/* line 102, ../sass/modules/_posts.scss */ .post-content .post-sticky { display: block; position: absolute; @@ -1352,40 +1351,40 @@ body.pageslide-open .posts { top: 16px; font-size: 24px; } -/* line 109, ../sass/modules/_posts.scss */ +/* line 108, ../sass/modules/_posts.scss */ .post-content .post-sticky i { color: #b3c1c6; } -/* line 112, ../sass/modules/_posts.scss */ +/* line 111, ../sass/modules/_posts.scss */ .post-content .post-sticky span { display: none; } -/* line 116, ../sass/modules/_posts.scss */ +/* line 115, ../sass/modules/_posts.scss */ .post-content .post-heading { margin-bottom: 0px; } -/* line 118, ../sass/modules/_posts.scss */ +/* line 117, ../sass/modules/_posts.scss */ .post-content .post-heading .post-title { font-size: 20px; color: #111111; font-weight: normal; line-height: 1; } -/* line 123, ../sass/modules/_posts.scss */ +/* line 122, ../sass/modules/_posts.scss */ .post-content .post-heading .post-title:visited { color: #111111; } -/* line 126, ../sass/modules/_posts.scss */ +/* line 125, ../sass/modules/_posts.scss */ .post-content .post-heading .post-title:hover { color: #d60001; } -/* line 130, ../sass/modules/_posts.scss */ +/* line 129, ../sass/modules/_posts.scss */ .post-content .post-heading .post-domain { color: #aeaeae; font-size: 14px; font-weight: normal; } -/* line 135, ../sass/modules/_posts.scss */ +/* line 134, ../sass/modules/_posts.scss */ .post-content .post-heading .post-category { display: inline-block; font-size: 11px; @@ -1400,34 +1399,34 @@ body.pageslide-open .posts { font-weight: normal; vertical-align: middle; } -/* line 144, ../sass/modules/_posts.scss */ +/* line 143, ../sass/modules/_posts.scss */ .post-content .post-heading .post-category:hover { background: #d60001; color: white; } -/* line 150, ../sass/modules/_posts.scss */ +/* line 149, ../sass/modules/_posts.scss */ .post-content .post-meta { font-size: 13px; color: #aeaeae; line-height: 1.5; } -/* line 155, ../sass/modules/_posts.scss */ +/* line 154, ../sass/modules/_posts.scss */ .post-content .post-meta a:hover { color: #d60001; } -/* line 161, ../sass/modules/_posts.scss */ +/* line 160, ../sass/modules/_posts.scss */ .post-actions { position: absolute; top: 18px; right: 20px; } -/* line 166, ../sass/modules/_posts.scss */ +/* line 165, ../sass/modules/_posts.scss */ .post-actions li { position: relative; float: left; } -/* line 170, ../sass/modules/_posts.scss */ +/* line 169, ../sass/modules/_posts.scss */ .post-actions li a { display: block; position: relative; @@ -1447,34 +1446,34 @@ body.pageslide-open .posts { line-height: 35px; padding: 0; } -/* line 185, ../sass/modules/_posts.scss */ +/* line 184, ../sass/modules/_posts.scss */ .post-actions li a .comment-count { font-weight: 400; font-size: 13px; } -/* line 190, ../sass/modules/_posts.scss */ +/* line 189, ../sass/modules/_posts.scss */ .post-actions li a.edit-link { color: #f36c3d; } -/* line 194, ../sass/modules/_posts.scss */ +/* line 193, ../sass/modules/_posts.scss */ .post-actions li a.share-link { color: #f8e121; } -/* line 198, ../sass/modules/_posts.scss */ +/* line 197, ../sass/modules/_posts.scss */ .post-actions li a.more-link { color: #7ac0e4; } -/* line 202, ../sass/modules/_posts.scss */ +/* line 201, ../sass/modules/_posts.scss */ .post-actions li a.voted { background: #4e555d; color: white; cursor: default; } -/* line 206, ../sass/modules/_posts.scss */ +/* line 205, ../sass/modules/_posts.scss */ .post-actions li a.voted .action { color: #fff; } -/* line 210, ../sass/modules/_posts.scss */ +/* line 209, ../sass/modules/_posts.scss */ .post-actions li a .count { position: absolute; top: 12px; @@ -1484,14 +1483,14 @@ body.pageslide-open .posts { line-height: 20px; font-size: 11px; } -/* line 219, ../sass/modules/_posts.scss */ +/* line 218, ../sass/modules/_posts.scss */ .post-actions li a .points { display: block; font-size: 30px; line-height: 50px; } -/* line 227, ../sass/modules/_posts.scss */ +/* line 226, ../sass/modules/_posts.scss */ .post-message { padding: 20px 0 20px 36px; margin-bottom: 10px; @@ -1501,25 +1500,25 @@ body.pageslide-open .posts { box-shadow: none; background: none; } -/* line 234, ../sass/modules/_posts.scss */ +/* line 233, ../sass/modules/_posts.scss */ .list .post-message { display: none; } -/* line 238, ../sass/modules/_posts.scss */ +/* line 237, ../sass/modules/_posts.scss */ .share-options { position: absolute; left: -170px; top: 5px; } -/* line 245, ../sass/modules/_posts.scss */ +/* line 244, ../sass/modules/_posts.scss */ .share-options.hidden { display: block; opacity: 0; pointer-events: none; left: -160px; } -/* line 251, ../sass/modules/_posts.scss */ +/* line 250, ../sass/modules/_posts.scss */ .share-options:after, .share-options:before { left: 100%; border: solid transparent; @@ -1529,7 +1528,7 @@ body.pageslide-open .posts { position: absolute; pointer-events: none; } -/* line 260, ../sass/modules/_posts.scss */ +/* line 259, ../sass/modules/_posts.scss */ .share-options:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; @@ -1537,7 +1536,7 @@ body.pageslide-open .posts { top: 20px; margin-top: -10px; } -/* line 267, ../sass/modules/_posts.scss */ +/* line 266, ../sass/modules/_posts.scss */ .share-options:before { border-color: rgba(0, 0, 0, 0); border-left-color: #f36c3d; @@ -1545,7 +1544,7 @@ body.pageslide-open .posts { top: 20px; margin-top: -11px; } -/* line 274, ../sass/modules/_posts.scss */ +/* line 273, ../sass/modules/_posts.scss */ .share-options .buttons { /* For modern browsers */ /* For IE 6/7 (trigger hasLayout) */ @@ -1561,7 +1560,7 @@ body.pageslide-open .posts { .share-options .buttons:after { clear: both; } -/* line 277, ../sass/modules/_posts.scss */ +/* line 276, ../sass/modules/_posts.scss */ .share-options .buttons .button, .share-options .buttons .auth-buttons #login-buttons #login-buttons-password, .auth-buttons #login-buttons .share-options .buttons #login-buttons-password { float: left; margin-right: 10px; @@ -1570,16 +1569,16 @@ body.pageslide-open .posts { height: 100%; } -/* line 287, ../sass/modules/_posts.scss */ +/* line 286, ../sass/modules/_posts.scss */ .post.sticky .post-content, .post.sticky .post-actions li a { background: #fffce0; } -/* line 290, ../sass/modules/_posts.scss */ +/* line 289, ../sass/modules/_posts.scss */ .post.sticky .post-actions li a:hover { background: #4e555d url("/img/bg-header.png") top center; } -/* line 294, ../sass/modules/_posts.scss */ +/* line 293, ../sass/modules/_posts.scss */ .more-button { position: relative; padding: 10px 25px; @@ -1588,7 +1587,7 @@ body.pageslide-open .posts { -moz-box-sizing: border-box; box-sizing: border-box; } -/* line 300, ../sass/modules/_posts.scss */ +/* line 299, ../sass/modules/_posts.scss */ .more-button a { display: block; height: 70px; @@ -1612,22 +1611,22 @@ body.pageslide-open .posts { -o-transition: border 0.3s ease; transition: border 0.3s ease; } -/* line 314, ../sass/modules/_posts.scss */ +/* line 313, ../sass/modules/_posts.scss */ .more-button a:hover { border: 1px solid #cecece; } -/* line 321, ../sass/modules/_posts.scss */ +/* line 320, ../sass/modules/_posts.scss */ #submitDiv { display: none; margin-bottom: -62px; } -/* line 325, ../sass/modules/_posts.scss */ +/* line 324, ../sass/modules/_posts.scss */ #submitDiv.form-shown { display: block; } -/* line 331, ../sass/modules/_posts.scss */ +/* line 330, ../sass/modules/_posts.scss */ .submit { margin-top: 62px; float: left; @@ -1912,18 +1911,17 @@ body.pageslide-open .posts { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; - float: left; width: 100%; } -/* line 255, ../sass/modules/_comments.scss */ +/* line 254, ../sass/modules/_comments.scss */ .comment-new .comment-submit { margin: 25px 0 0; } -/* line 260, ../sass/modules/_comments.scss */ +/* line 259, ../sass/modules/_comments.scss */ .comment-page .comment-new { position: relative; } -/* line 262, ../sass/modules/_comments.scss */ +/* line 261, ../sass/modules/_comments.scss */ .comment-page .comment-new:after { bottom: 100%; border: solid transparent; @@ -1939,7 +1937,7 @@ body.pageslide-open .posts { margin-left: -8px; } -/* line 280, ../sass/modules/_comments.scss */ +/* line 279, ../sass/modules/_comments.scss */ .single-post .post-actions { display: none; } @@ -2188,7 +2186,7 @@ input[type="submit"].inline, button.inline, .button.inline, .auth-buttons #login /* line 157, ../sass/modules/_forms.scss */ .ui-autocomplete { background: white; - width: 200px!important; + width: 200px !important; padding: 10px; font-size: 14px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); @@ -2448,7 +2446,7 @@ table { } /* line 59, ../sass/modules/_users.scss */ table tr { - border-bottom: 1px solid #eeeeee; + border-bottom: 1px solid #eee; } /* line 61, ../sass/modules/_users.scss */ table tr td, table tr th { @@ -2876,7 +2874,7 @@ table thead tr td, table thead tr th { /* line 192, ../sass/partials/_mobile.scss */ .header .auth-buttons .login-link-and-dropdown-list .login-link-text:after { content: "\75" !important; - font-family: "icomoon" !important; + font-family: 'icomoon' !important; position: absolute; width: 100%; text-align: center;