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 @@
padding: 10px;
}
#feedbacktable th {
.feedbacktable th {
font-size: 1.1667em;
padding: 3px 0 0;
border-bottom: 1px solid #CCCCCC;
......
......@@ -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;
}
......
......@@ -59,7 +59,7 @@ ul.colnav li a:active {
border-radius: 0 0 5px 5px;
}
/* feedback */
#feedbacktable .commentrightwrap {
.feedbacktable .commentrightwrap {
background: #FFFFFF;
}
/* view menu */
......
{if $feedback}
<div class="viewfooter">
<table id="feedbacktable" class="fullwidth table">
<table id="feedbacktable" class="feedbacktable fullwidth table">
<tbody>
{$feedback->tablerows|safe}
</tbody>
......
......@@ -30,11 +30,11 @@ a img {
}
.fl {
float: left;
padding-right: 10px;
padding-right: 10px;
}
.fr {
float: right;
padding-left: 10px;
padding-left: 10px;
}
.cl {
clear: left;
......@@ -56,8 +56,8 @@ span.pagination {
padding: 5px;
}
.date {
color: #888;
font-style: italic;
color: #888;
font-style: italic;
}
/* Headings */
......@@ -79,14 +79,14 @@ h2, h3, h4, h5, h6 {
/* Tables */
table {
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
border-collapse: collapse;
}
th {
padding: 3px 0;
text-align: left;
vertical-align: top;
line-height: 1.8em;
padding: 3px 0;
text-align: left;
vertical-align: top;
line-height: 1.8em;
}
/* Main content */
......@@ -178,19 +178,19 @@ th {
/* views footer */
.viewfooter {
border: 1px solid #eee;
border: 1px solid #eee;
}
#feedbacktable .fr {
margin-top: 3px;
.feedbacktable .fr {
margin-top: 3px;
}
#feedbacktable th {
.feedbacktable th {
color: #303030;
}
#feedbacktable .details {
color: #d1d1d1;
.feedbacktable .details {
color: #d1d1d1;
}
#feedbacktable .details span {
color: #9e9e9e;
.feedbacktable .details span {
color: #9e9e9e;
}
/* Footer */
......
......@@ -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}
......
......@@ -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 */
......
......@@ -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}
......
......@@ -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};
......
......@@ -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}
......
......@@ -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;
......
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