Commit e0271822 authored by Robert Lyon's avatar Robert Lyon

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's avatarRobert Lyon <robertl@catalyst.net.nz>
parent 5e066eca
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
padding: 10px; padding: 10px;
} }
#feedbacktable th { .feedbacktable th {
font-size: 1.1667em; font-size: 1.1667em;
padding: 3px 0 0; padding: 3px 0 0;
border-bottom: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;
......
...@@ -130,10 +130,10 @@ ul.artefactchooser-subtabs li.current a:active { ...@@ -130,10 +130,10 @@ ul.artefactchooser-subtabs li.current a:active {
background: #000000; background: #000000;
} }
/* Feedback */ /* Feedback */
#feedbacktable .commentrightwrap { .feedbacktable .commentrightwrap {
background-color: #10171A; background-color: #10171A;
} }
#feedbacktable .private .commentrightwrap { .feedbacktable .private .commentrightwrap {
background: #400d0d; background: #400d0d;
color: #FFFFFF; color: #FFFFFF;
} }
......
...@@ -59,7 +59,7 @@ ul.colnav li a:active { ...@@ -59,7 +59,7 @@ ul.colnav li a:active {
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
} }
/* feedback */ /* feedback */
#feedbacktable .commentrightwrap { .feedbacktable .commentrightwrap {
background: #FFFFFF; background: #FFFFFF;
} }
/* view menu */ /* view menu */
......
{if $feedback} {if $feedback}
<div class="viewfooter"> <div class="viewfooter">
<table id="feedbacktable" class="fullwidth table"> <table id="feedbacktable" class="feedbacktable fullwidth table">
<tbody> <tbody>
{$feedback->tablerows|safe} {$feedback->tablerows|safe}
</tbody> </tbody>
......
...@@ -180,16 +180,16 @@ th { ...@@ -180,16 +180,16 @@ th {
.viewfooter { .viewfooter {
border: 1px solid #eee; border: 1px solid #eee;
} }
#feedbacktable .fr { .feedbacktable .fr {
margin-top: 3px; margin-top: 3px;
} }
#feedbacktable th { .feedbacktable th {
color: #303030; color: #303030;
} }
#feedbacktable .details { .feedbacktable .details {
color: #d1d1d1; color: #d1d1d1;
} }
#feedbacktable .details span { .feedbacktable .details span {
color: #9e9e9e; color: #9e9e9e;
} }
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
{if $feedback && $feedback->count} {if $feedback && $feedback->count}
<div class="viewfooter"> <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> <thead><tr><th>{str tag="feedback" section="artefact.comment"}</th></tr></thead>
<tbody> <tbody>
{$feedback->tablerows|safe} {$feedback->tablerows|safe}
......
...@@ -245,19 +245,19 @@ ul.artefactchooser-subtabs li.current a:active { ...@@ -245,19 +245,19 @@ ul.artefactchooser-subtabs li.current a:active {
margin-top: 5px; margin-top: 5px;
} }
/* feedback */ /* feedback */
#feedbacktable .commentrightwrap { .feedbacktable .commentrightwrap {
-webkit-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px;
-moz-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px;
border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px;
background-color: #F9F9F9; background-color: #F9F9F9;
} }
#feedbacktable .private .commentrightwrap { .feedbacktable .private .commentrightwrap {
background: #FFF9F9 url(../images/private_bkgd.png) repeat 0 0; background: #FFF9F9 url(../images/private_bkgd.png) repeat 0 0;
} }
#feedbacktable .attachmessage, .feedbacktable .attachmessage,
#feedbacktable .privatemessage, .feedbacktable .privatemessage,
#feedbacktable .requestmessage, .feedbacktable .requestmessage,
#feedbacktable .deleteddetails { .feedbacktable .deleteddetails {
color: #666666; color: #666666;
} }
/* view menu */ /* view menu */
......
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<div class="viewfooter cb"> <div class="viewfooter cb">
{if $feedback->count || $enablecomments} {if $feedback->count || $enablecomments}
<h3 class="title">{str tag="feedback" section="artefact.comment"}</h3> <h3 class="title">{str tag="feedback" section="artefact.comment"}</h3>
<div id="feedbacktable" class="fullwidth"> <div id="feedbacktable" class="feedbacktable fullwidth">
{$feedback->tablerows|safe} {$feedback->tablerows|safe}
</div> </div>
{$feedback->pagination|safe} {$feedback->pagination|safe}
......
...@@ -185,8 +185,8 @@ ul.colnav li a:active { ...@@ -185,8 +185,8 @@ ul.colnav li a:active {
color: {$view_link_hover_color}; color: {$view_link_hover_color};
text-decoration: none; text-decoration: none;
} }
#feedbacktable .commentrightwrap, .feedbacktable .commentrightwrap,
#feedbacktable .private .commentrightwrap, .feedbacktable .private .commentrightwrap,
#commentfiles, #commentfiles,
.submissionform { .submissionform {
background: {$view_table_odd_row_color}; background: {$view_table_odd_row_color};
......
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
{if $feedback->position eq 'base'} {if $feedback->position eq 'base'}
{if $feedback->count || $enablecomments} {if $feedback->count || $enablecomments}
<h3 class="title">{str tag="feedback" section="artefact.comment"}</h3> <h3 class="title">{str tag="feedback" section="artefact.comment"}</h3>
<div id="feedbacktable" class="fullwidth"> <div id="feedbacktable" class="feedbacktable fullwidth">
{$feedback->tablerows|safe} {$feedback->tablerows|safe}
</div> </div>
{$feedback->pagination|safe} {$feedback->pagination|safe}
......
...@@ -101,55 +101,55 @@ ul.colnav li.selected span { ...@@ -101,55 +101,55 @@ ul.colnav li.selected span {
padding: 8px 5px; padding: 8px 5px;
} }
/* feedback */ /* feedback */
#feedbacktable .r0, .feedbacktable .r0,
#feedbacktable .r1 { .feedbacktable .r1 {
background: none; background: none;
margin: 0 0 15px 0; margin: 0 0 15px 0;
} }
#feedbacktable .commentleft { .feedbacktable .commentleft {
float: left; float: left;
width: 50px; width: 50px;
padding: 0 5px 0 0; padding: 0 5px 0 0;
} }
#feedbacktable .commentrightwrap { .feedbacktable .commentrightwrap {
margin-left: 50px; margin-left: 50px;
padding: 5px; padding: 5px;
} }
#feedbacktable .commentrightwrap p span { .feedbacktable .commentrightwrap p span {
line-height: 1.333em; line-height: 1.333em;
} }
#feedbacktable .commentrightwrap .fr { .feedbacktable .commentrightwrap .fr {
white-space: nowrap; white-space: nowrap;
margin: 0 0 3px 3px; margin: 0 0 3px 3px;
} }
#feedbacktable .commentrightwrap .fr .makepublicbtn { .feedbacktable .commentrightwrap .fr .makepublicbtn {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin: 0 5px; margin: 0 5px;
} }
#feedbacktable .commentrightwrap .fr .makepublicbtn input { .feedbacktable .commentrightwrap .fr .makepublicbtn input {
margin: 0 0 0 5px; margin: 0 0 0 5px;
} }
#feedbacktable .commentrightwrap .author { .feedbacktable .commentrightwrap .author {
margin: 0 0 3px 0; margin: 0 0 3px 0;
} }
#feedbacktable .commentrightwrap .commentrating { .feedbacktable .commentrightwrap .commentrating {
margin: 0 0 3px 0; margin: 0 0 3px 0;
} }
#feedbacktable p { .feedbacktable p {
margin: 5px 0; margin: 5px 0;
} }
#feedbacktable .attachmessage, .feedbacktable .attachmessage,
#feedbacktable .privatemessage, .feedbacktable .privatemessage,
#feedbacktable .requestmessage, .feedbacktable .requestmessage,
#feedbacktable .deleteddetails { .feedbacktable .deleteddetails {
margin: 3px 0 0 0; margin: 3px 0 0 0;
} }
#feedbacktable .undercomment { .feedbacktable .undercomment {
margin: 3px 0 0 55px; margin: 3px 0 0 55px;
} }
#feedbacktable form, .feedbacktable form,
#feedbacktable form div { .feedbacktable form div {
display: inline; display: inline;
vertical-align: top; vertical-align: top;
margin-left: 3px; margin-left: 3px;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment