Altering how feedback is styled (Bug #1037531)

Now that we want to show multiple feedbacks on the view page we need
to switch the styles off the id and onto a class

Change-Id: I0e9c54909dbc37132606a01b4cb104612efbc827
Signed-off-by: Robert Lyon <robertl@catalyst.net.nz>

htdocs/skin/css/design.css

@@ -67,7 +67,7 @@
     padding: 10px;
 }
 
-#feedbacktable th {
+.feedbacktable th {
     font-size: 1.1667em;
     padding: 3px 0 0;
     border-bottom: 1px solid #CCCCCC;

htdocs/theme/fresh/static/style/views.css

@@ -130,10 +130,10 @@ ul.artefactchooser-subtabs li.current a:active {
     background: #000000;
 }
 /* Feedback */
-#feedbacktable .commentrightwrap {
+.feedbacktable .commentrightwrap {
     background-color: #10171A;
 }
-#feedbacktable .private .commentrightwrap {
+.feedbacktable .private .commentrightwrap {
     background: #400d0d;
     color: #FFFFFF;
 }

htdocs/theme/primaryschool/static/style/views.css

@@ -59,7 +59,7 @@ ul.colnav li a:active {
     border-radius: 0 0 5px 5px;
 }
 /* feedback */
-#feedbacktable .commentrightwrap {
+.feedbacktable .commentrightwrap {
     background: #FFFFFF;
 }
 /* view menu */

htdocs/theme/raw/artefact/comment/blocktype/comment/templates/comment.tpl

 {if $feedback}
 <div class="viewfooter">
-    <table id="feedbacktable" class="fullwidth table">
+    <table id="feedbacktable" class="feedbacktable fullwidth table">
         <tbody>
         {$feedback->tablerows|safe}
         </tbody>

htdocs/theme/raw/export/html/static/style/style.css

@@ -180,16 +180,16 @@ th {
 .viewfooter {
     border: 1px solid #eee;
 }
-#feedbacktable .fr {
+.feedbacktable .fr {
     margin-top: 3px;
 }
-#feedbacktable th {
+.feedbacktable th {
     color: #303030;
 }
-#feedbacktable .details {
+.feedbacktable .details {
     color: #d1d1d1;
 }
-#feedbacktable .details span {
+.feedbacktable .details span {
     color: #9e9e9e;
 }
 

htdocs/theme/raw/export/html/templates/view.tpl

@@ -18,7 +18,7 @@
 
 {if $feedback && $feedback->count}
 <div class="viewfooter">
-    <table id="feedbacktable" class="fullwidth table">
+    <table id="feedbacktable" class="feedbacktable fullwidth table">
       <thead><tr><th>{str tag="feedback" section="artefact.comment"}</th></tr></thead>
       <tbody>
         {$feedback->tablerows|safe}

htdocs/theme/raw/static/style/views.css

@@ -245,19 +245,19 @@ ul.artefactchooser-subtabs li.current a:active {
     margin-top: 5px;
 }
 /* feedback */
-#feedbacktable .commentrightwrap {
+.feedbacktable .commentrightwrap {
     -webkit-border-radius: 0 5px 5px 5px;
     -moz-border-radius: 0 5px 5px 5px;
     border-radius: 0 5px 5px 5px;
     background-color: #F9F9F9;
 }
-#feedbacktable .private .commentrightwrap {
+.feedbacktable .private .commentrightwrap {
     background: #FFF9F9 url(../images/private_bkgd.png) repeat 0 0;
 }
-#feedbacktable .attachmessage,
-#feedbacktable .privatemessage,
-#feedbacktable .requestmessage,
-#feedbacktable .deleteddetails {
+.feedbacktable .attachmessage,
+.feedbacktable .privatemessage,
+.feedbacktable .requestmessage,
+.feedbacktable .deleteddetails {
     color: #666666;
 }
 /* view menu */

htdocs/theme/raw/templates/artefact/artefact.tpl

@@ -19,7 +19,7 @@
       <div class="viewfooter cb">
         {if $feedback->count || $enablecomments}
         <h3 class="title">{str tag="feedback" section="artefact.comment"}</h3>
-        <div id="feedbacktable" class="fullwidth">
+        <div id="feedbacktable" class="feedbacktable fullwidth">
             {$feedback->tablerows|safe}
         </div>
         {$feedback->pagination|safe}

htdocs/theme/raw/templates/skin/style.tpl

@@ -185,8 +185,8 @@ ul.colnav li a:active {
     color: {$view_link_hover_color};
     text-decoration: none;
 }
-#feedbacktable .commentrightwrap,
-#feedbacktable .private .commentrightwrap,
+.feedbacktable .commentrightwrap,
+.feedbacktable .private .commentrightwrap,
 #commentfiles,
 .submissionform {
     background: {$view_table_odd_row_color};

htdocs/theme/raw/templates/view/view.tpl

@@ -43,7 +43,7 @@
     {if $feedback->position eq 'base'}
         {if $feedback->count || $enablecomments}
         <h3 class="title">{str tag="feedback" section="artefact.comment"}</h3>
-        <div id="feedbacktable" class="fullwidth">
+        <div id="feedbacktable" class="feedbacktable fullwidth">
             {$feedback->tablerows|safe}
         </div>
         {$feedback->pagination|safe}

htdocs/theme/views.css

@@ -101,55 +101,55 @@ ul.colnav li.selected span {
     padding: 8px 5px;
 }
 /* feedback */
-#feedbacktable .r0,
-#feedbacktable .r1 {
+.feedbacktable .r0,
+.feedbacktable .r1 {
     background: none;
     margin: 0 0 15px 0;
 }
-#feedbacktable .commentleft {
+.feedbacktable .commentleft {
     float: left;
     width: 50px;
     padding: 0 5px 0 0;
 }
-#feedbacktable .commentrightwrap {
+.feedbacktable .commentrightwrap {
     margin-left: 50px;
     padding: 5px;
 }
-#feedbacktable .commentrightwrap p span {
+.feedbacktable .commentrightwrap p span {
     line-height: 1.333em;
 }
-#feedbacktable .commentrightwrap .fr {
+.feedbacktable .commentrightwrap .fr {
     white-space: nowrap;
     margin: 0 0 3px 3px;
 }
-#feedbacktable .commentrightwrap .fr .makepublicbtn {
+.feedbacktable .commentrightwrap .fr .makepublicbtn {
     display: inline-block;
     vertical-align: top;
     margin: 0 5px;
 }
-#feedbacktable .commentrightwrap .fr .makepublicbtn input {
+.feedbacktable .commentrightwrap .fr .makepublicbtn input {
     margin: 0 0 0 5px;
 }
-#feedbacktable .commentrightwrap .author {
+.feedbacktable .commentrightwrap .author {
     margin: 0 0 3px 0;
 }
-#feedbacktable .commentrightwrap .commentrating {
+.feedbacktable .commentrightwrap .commentrating {
     margin: 0 0 3px 0;
 }
-#feedbacktable p {
+.feedbacktable p {
     margin: 5px 0;
 }
-#feedbacktable .attachmessage,
-#feedbacktable .privatemessage,
-#feedbacktable .requestmessage,
-#feedbacktable .deleteddetails {
+.feedbacktable .attachmessage,
+.feedbacktable .privatemessage,
+.feedbacktable .requestmessage,
+.feedbacktable .deleteddetails {
     margin: 3px 0 0 0;
 }
-#feedbacktable .undercomment {
+.feedbacktable .undercomment {
     margin: 3px 0 0 55px;
 }
-#feedbacktable form,
-#feedbacktable form div {
+.feedbacktable form,
+.feedbacktable form div {
     display: inline;
     vertical-align: top;
     margin-left: 3px;