Changeset 564

Timestamp:

07/09/2007 11:55:56 PM (3 years ago)

Author:

BrianKoontz

Message:

Added additional CSS divs to allow for individual styling of comment
content and comment input actions, created two stylesheets as
examples of "boxed" and "nested" comments, added new config param for
comment stylesheet to allow for admin selection of comment style. Refs
#418.

Location:

trunk

Files:

• actions/header/header.php (modified) (1 diff)
• css/boxed-comments.css (added)
• css/nested-comments.css (added)
• css/wikka.css (modified) (1 diff)
• handlers/show/show.php (modified) (4 diffs)
• libs/Config.class.php (modified) (2 diffs)

trunk/actions/header/header.php

@@ -50 +50 @@
         <meta name="description" content="<?php echo $this->GetConfigValue("meta_description") ?>" />
         <link rel="stylesheet" type="text/css" href="<?php echo $this->StaticHref('css/'.$this->GetConfigValue('stylesheet')); ?>" />
+        <link rel="stylesheet" type="text/css" href="<?php echo $this->StaticHref('css/'.$this->GetConfigValue('comment_stylesheet')); ?>" />
         <link rel="stylesheet" type="text/css" href="<?php echo $this->StaticHref('css/print.css'); ?>" media="print" />
         <link rel="icon" href="<?php echo $this->StaticHref('images/favicon.ico'); ?>" type="image/x-icon" />

trunk/css/wikka.css

@@ -50 +50 @@
         border-top: 1px solid #CCCCCC;
         border-bottom: 1px solid #CCCCCC;
-}
-
-/* comments */
-
-/* wrapper for the whole comments block, contains the header and the actual comments */
-#comments {
-        margin: 0px;
-        background-color: #E3E3E3;
-        padding-bottom: 10px;
-}
-
-#comments form input[type=submit] {
-        font-size: 80%;
-}
-
-/* contains the comments form and the navigation bar */
-.commentsheader {
-        clear: both;
-        background-color: #E3E3E3;
-        padding: 2px 10px 0 10px;
-        border-top: 1px solid #CCCCCC;
-}
-
-.commentsheader form {
-        padding: 5px 0; 
-}
-
-/* wrapper for the comment lists */
-.commentscontainer {
-        background-color: #E3E3E3;
-}
-
-/* alternate color for single comments */
-.comment2 {
-        background-color: #EEEEEE;
-        padding: 5px;
-        border: 1px solid #CCCCCC;
-        margin: 10px;
-}
-
-.comment {
-        background-color: #DDDDDD;
-        padding: 5px;
-        border: 1px solid #CCCCCC;
-        margin: 10px;
-}
-
-.commentform {
-        background-color: #EEEEEE;
-        padding: 10px;
-}
-
-.commentinfo {
-        color: #AAAAAA;
-}
-
-.commentauthor {
-        font-size: 1.2em;
-        line-height: 20px;
-        color: #000000;
-        margin: 5px 5px 0 0;
-}
-
-.commentparent {
-        font-size: 1em;
-        line-height: 20px;
-        color: #555555;
-        margin: 5px 5px 5px 5px;
-}
-
-/* comments navigation */
-
-div#commentsnav {
-/*      border:1px solid #CCC; */
-/*      background-color:#EEE; */
-        float:right;
-        padding:3px;
-}
-
-div#commentsnav img.icon {
-        border: 1px solid #CCC;
-        padding:3px;
-        background-color:#EFEFEF;
-        margin:1px;
-}
-
-div#commentsnav img.icon_on {
-        border: 1px solid #CCC;
-        padding:3px;
-        background-color:#DDD;
-        margin:1px;
-}
-
-div#commentsnav img.icon:hover {
-        background-color:#DDD;
 }
 

trunk/handlers/show/show.php

@@ -219 +219 @@
                 $comment_class = '';
             if($comment['level'] % 2 == 1) {
-                        $comment_class = "comment";
+                        $comment_class = "comment-layout-1";
                 } else {
-                        $comment_class = "comment2";
+                        $comment_class = "comment-layout-2";
                 }
 
@@ -227 +227 @@
 ?>
         <div class="<?php echo $comment_class ?>">
-                <div class="commentinfo"><?php echo COMMENT_DELETED_LABEL ?></div>
+                <div class="commentdeleted"><?php echo COMMENT_DELETED_LABEL ?></div>
 <?php
                 } else {
@@ -236 +236 @@
 ?>
         <div id="comment_<?php echo $comment['id'] ?>" class="<?php echo $comment_class ?>" >
+                <div class="commentheader">
                 <div class="commentauthor"><?php echo COMMENT_BY_LABEL.$comment_author ?></div>
                 <div class="commentinfo"><?php echo $comment_ts ?></div>
+                </div>
+                <div class="commentbody">
                 <?php echo $comment['comment'] ?>
+                </div>
 <?php
                         if($obj->HasAccess('comment_post'))
                         {
+                                echo "<div class=\"commentaction\">";
                                 echo $obj->FormOpen("processcomment");
 ?>
@@ -258 +263 @@
                                 }
                                 echo $obj->FormClose();
+                                echo "</div>";
                         }
                 }               

trunk/libs/Config.class.php

@@ -112 +112 @@
          */
         var $edit_buttons_position = 'bottom';
+
         /**
          * Stylesheet name.
@@ -118 +119 @@
          */
         var $stylesheet = 'wikka.css';
+
+        /**
+         * Comments stylesheet name.
+         * Name of the stylesheet used to render comments. 
+         * This entry must not be empty must point to an existing and valid CSS
+         * file located under the css folder. The default stylesheet is
+         * "boxed-comments.css"".
+         */
+        var $comment_stylesheet = 'boxed-comments.css';
 
         /**