[dw-free] Comments look odd in several styles
[commit: http://hg.dwscoalition.org/dw-free/rev/d79f9ac851e6]
http://bugs.dwscoalition.org/show_bug.cgi?id=2912
Fix display of comments in Tabula-Rasa based styles.
Patch by
ninetydegrees.
Files modified:
http://bugs.dwscoalition.org/show_bug.cgi?id=2912
Fix display of comments in Tabula-Rasa based styles.
Patch by
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
Files modified:
- bin/upgrading/s2layers/basicboxes/layout.s2
- bin/upgrading/s2layers/boxesandborders/layout.s2
- bin/upgrading/s2layers/colorside/layout.s2
- bin/upgrading/s2layers/crossroads/layout.s2
- bin/upgrading/s2layers/fluidmeasure/layout.s2
- bin/upgrading/s2layers/modish/layout.s2
- bin/upgrading/s2layers/modular/layout.s2
- bin/upgrading/s2layers/nouveauoleanders/layout.s2
- bin/upgrading/s2layers/steppingstones/layout.s2
- bin/upgrading/s2layers/tranquilityiii/layout.s2
-------------------------------------------------------------------------------- diff -r 4f6666feeffc -r d79f9ac851e6 bin/upgrading/s2layers/basicboxes/layout.s2 --- a/bin/upgrading/s2layers/basicboxes/layout.s2 Wed Jul 28 23:24:20 2010 -0700 +++ b/bin/upgrading/s2layers/basicboxes/layout.s2 Wed Jul 28 23:25:59 2010 -0700 @@ -162,7 +162,20 @@ ul.entry-interaction-links { text-align: .comment-title { margin: 0; padding: 0 0 .25em 0; font-weight: bold; } -.partial .comment-title { display: inline; } + +.partial .comment-title { + display: inline; + margin-right: .2em; + } + +.partial .comment-title h4 { + display: inline; + } + +.partial .comment-poster:before { + content: "- "; + } + #primary .partial .comment .comment-title a, #primary .partial .comment .comment-title a:visited { color: $*color_entry_link; } diff -r 4f6666feeffc -r d79f9ac851e6 bin/upgrading/s2layers/boxesandborders/layout.s2 --- a/bin/upgrading/s2layers/boxesandborders/layout.s2 Wed Jul 28 23:24:20 2010 -0700 +++ b/bin/upgrading/s2layers/boxesandborders/layout.s2 Wed Jul 28 23:25:59 2010 -0700 @@ -193,7 +193,19 @@ ul.entry-interaction-links { text-align: .comment-title { margin: 0; padding: 0 0 .25em 0; font-weight: bold; } -.partial .comment-title { display: inline; } + +.partial .comment-title { + display: inline; + margin-right: .2em; + } + +.partial .comment-title h4 { + display: inline; + } + +.partial .comment-poster:before { + content: "- "; + } .comment .poster-ip { font-size: small; color: #999999; } diff -r 4f6666feeffc -r d79f9ac851e6 bin/upgrading/s2layers/colorside/layout.s2 --- a/bin/upgrading/s2layers/colorside/layout.s2 Wed Jul 28 23:24:20 2010 -0700 +++ b/bin/upgrading/s2layers/colorside/layout.s2 Wed Jul 28 23:25:59 2010 -0700 @@ -188,8 +188,21 @@ ul.entry-interaction-links { text-align: .comment-title { margin: 0; padding: 0 0 .25em 0; font-weight: bold; } -.partial .comment-title { display: inline; } -.comment-title h3 { font-family: $*font_entry_title; } + +.partial .comment-title { + display: inline; + margin-right: .2em; + } + +.partial .comment-title h4 { + display: inline; + } + +.partial .comment-poster:before { + content: "- "; + } + +.comment-title h4 { font-family: $*font_entry_title; } .comment .poster { display: block; } .partial .poster { display: inline; } diff -r 4f6666feeffc -r d79f9ac851e6 bin/upgrading/s2layers/crossroads/layout.s2 --- a/bin/upgrading/s2layers/crossroads/layout.s2 Wed Jul 28 23:24:20 2010 -0700 +++ b/bin/upgrading/s2layers/crossroads/layout.s2 Wed Jul 28 23:25:59 2010 -0700 @@ -69,9 +69,9 @@ else { .entry .header, .comment-wrapper .header { margin-left: 110px; } .entry .header .entry-title, - .comment-title { margin-left: -4px; } + .full .comment-title { margin-left: -4px; } .entry-wrapper .contents .entry-poster { margin: 0 0 25px 110px; } - .comment-poster, + .full .comment-poster, .comment .poster-ip { margin-left: 110px; } """; } @@ -82,9 +82,9 @@ else { .entry .header, .comment-wrapper .header { margin-right: 110px; } .entry .header .entry-title, - .comment-title { margin-right: -4px; } + .full .comment-title { margin-right: -4px; } .entry-wrapper .contents .entry-poster { margin: 0 110px 25px 0; } - .comment-poster, + .full .comment-poster, .comment .poster-ip { margin-right: 110px; } """; } @@ -214,9 +214,23 @@ ul.entry-interaction-links { text-align: .comment { background-color: $commentcolor; } -.partial .comment { padding: 0;} +.partial .comment { + line-height: 1.75em; + padding: 0; + } -.partial .comment-title { display: inline; margin: 0; } +.partial .comment-title { + display: inline; + margin-right: .2em; + } + +.partial .comment-title h4 { + display: inline; + } + +.partial .comment-poster:before { + content: "- "; + } .comment-title { margin: 0; padding: .25em; @@ -227,10 +241,11 @@ ul.entry-interaction-links { text-align: .comment-title a, .comment-title a:visited { color: $*color_entry_title; } -.comment .header .datetime { display: block; - font-size: small;} +.comment .header .datetime { font-size: small; } -.comment-poster { display: block; } +.full .comment .header .datetime { display: block; } + +.full .comment-poster { display: block; } .comment .poster-ip { font-size: x-small; display: block; } diff -r 4f6666feeffc -r d79f9ac851e6 bin/upgrading/s2layers/fluidmeasure/layout.s2 --- a/bin/upgrading/s2layers/fluidmeasure/layout.s2 Wed Jul 28 23:24:20 2010 -0700 +++ b/bin/upgrading/s2layers/fluidmeasure/layout.s2 Wed Jul 28 23:25:59 2010 -0700 @@ -354,7 +354,15 @@ padding-top: 2em; } /*die in a fire, IE7 .comment-title a { color: $*color_entry_title; } .partial .comment-title { display: inline; margin: -.5em 0 0 0; } -.comment .datetime { float: right; +.partial .comment-title h4 { + display: inline; + } + +.partial .comment-poster:before { + content: "- "; + } + +.full .comment .datetime { float: right; margin-top: -1.5em; white-space: nowrap; } diff -r 4f6666feeffc -r d79f9ac851e6 bin/upgrading/s2layers/modish/layout.s2 --- a/bin/upgrading/s2layers/modish/layout.s2 Wed Jul 28 23:24:20 2010 -0700 +++ b/bin/upgrading/s2layers/modish/layout.s2 Wed Jul 28 23:25:59 2010 -0700 @@ -132,7 +132,19 @@ ul.entry-interaction-links { text-align: .comment-title { margin: 0; padding: 0 0 .25em 0; font-weight: bold; } -.partial .comment-title { display: inline; } + +.partial .comment-title { + display: inline; + margin-right: .2em; + } + +.partial .comment-title h4 { + display: inline; + } + +.partial .comment-poster:before { + content: "- "; + } .comment .poster-ip { font-size: small; color: #999999; } diff -r 4f6666feeffc -r d79f9ac851e6 bin/upgrading/s2layers/modular/layout.s2 --- a/bin/upgrading/s2layers/modular/layout.s2 Wed Jul 28 23:24:20 2010 -0700 +++ b/bin/upgrading/s2layers/modular/layout.s2 Wed Jul 28 23:25:59 2010 -0700 @@ -341,9 +341,21 @@ ul.entry-interaction-links, } .partial .comment { padding: .25em .5em; } -.partial .comment-title { display: inline; + +.partial .comment-title { background-color: transparent; - } + display: inline; + margin-right: .2em; + } + +.partial .comment-title h4 { + display: inline; + } + +.partial .comment-poster:before { + content: "- "; + } + .partial .comment-title a {color: $*color_page_text; } #qrformdiv { clear: both; diff -r 4f6666feeffc -r d79f9ac851e6 bin/upgrading/s2layers/nouveauoleanders/layout.s2 --- a/bin/upgrading/s2layers/nouveauoleanders/layout.s2 Wed Jul 28 23:24:20 2010 -0700 +++ b/bin/upgrading/s2layers/nouveauoleanders/layout.s2 Wed Jul 28 23:25:59 2010 -0700 @@ -227,6 +227,11 @@ ul.entry-interaction-links { text-align: .comment-wrapper { margin-bottom: 1em; background: url("$comment_background_stretch") top left repeat-x; padding-top: 1px;} + +.comment-wrapper.partial { + background: none; +} + .comment-wrapper-odd { margin-right: 48px; } .comment-wrapper-even { margin-left: 48px; } .comment-wrapper-odd .comment { background: url("$comment_background_end_odd") top right no-repeat; @@ -240,23 +245,51 @@ ul.entry-interaction-links { text-align: .comment { padding: 30px 1em 0 1em } -.partial .comment { padding: 0;} - -.partial .comment-title { display: inline; margin: 0; } +.partial .comment { + background: none; + padding: 0; + } .comment-wrapper-odd .header { text-align: left; padding-right: 50px; } .comment-wrapper-even .header { text-align: right; padding-left: 50px; } -.comment-title { margin: .25em 0 0 0; +.comment-title h4 { + background: none; + color: $*color_page_link; + line-height: 1em; + min-height: 0; + margin: .25em 0 0 0; padding: .25em 0; font-size: large; } -.comment .datetime { display: block; +.comment-title h4 a { + color: $*color_page_link; + } + +.comment-title h4 a:visited { + color: $*color_page_link_visited; + } + +.partial .comment-title { + display: inline; + margin: 0; + margin-right: .2em; + } + +.partial .comment-title h4 { + display: inline; + } + +.partial .comment-poster:before { + content: "- "; + } + +.full .comment .datetime { display: block; font-size: small;} -.comment-wrapper-odd .datetime { padding-left: 110px; } -.comment-wrapper-even .datetime { padding-right: 110px; } +.comment-wrapper-odd.full .datetime { padding-left: 110px; } +.comment-wrapper-even.full .datetime { padding-right: 110px; } .comment-wrapper-even .contents { text-align: right; } .comment-wrapper-even .comment-content { text-align: left; } diff -r 4f6666feeffc -r d79f9ac851e6 bin/upgrading/s2layers/steppingstones/layout.s2 --- a/bin/upgrading/s2layers/steppingstones/layout.s2 Wed Jul 28 23:24:20 2010 -0700 +++ b/bin/upgrading/s2layers/steppingstones/layout.s2 Wed Jul 28 23:25:59 2010 -0700 @@ -162,7 +162,18 @@ ul.entry-interaction-links { text-align: $entry_colors padding: .5em } -.partial .comment { margin-bottom: 0;} +.partial .comment-title { + display: inline; + margin-right: .2em; + } + +.partial .comment-title h4 { + display: inline; + } + +.partial .comment-poster:before { + content: "- "; + } .comment-title { margin: 0; padding: 0 0 .25em 0; diff -r 4f6666feeffc -r d79f9ac851e6 bin/upgrading/s2layers/tranquilityiii/layout.s2 --- a/bin/upgrading/s2layers/tranquilityiii/layout.s2 Wed Jul 28 23:24:20 2010 -0700 +++ b/bin/upgrading/s2layers/tranquilityiii/layout.s2 Wed Jul 28 23:25:59 2010 -0700 @@ -176,9 +176,24 @@ ul.entry-interaction-links li.entry-read #comments .separator-after { border-top: 1px solid; height: 1em; } -.partial .comment { padding: 0;} +.partial .comment { + line-height: 1.75em; + padding: 0; + } -.partial .comment-title { display: inline; margin: 0; } +.partial .comment-title { + display: inline; + margin: 0; + margin-right: .2em; + } + +.partial .comment-title h4 { + display: inline; + } + +.partial .comment-poster:before { + content: "- "; + } .comment .poster-ip { font-size: small; color: #999999; } --------------------------------------------------------------------------------