diff --git a/opentech/apply/funds/templates/funds/includes/review_table.html b/opentech/apply/funds/templates/funds/includes/review_table.html index 5bed573855090f0cf4577b6bf048992999c85170..0b03fc85998479c8081cd0aec548e99ee36bd996 100644 --- a/opentech/apply/funds/templates/funds/includes/review_table.html +++ b/opentech/apply/funds/templates/funds/includes/review_table.html @@ -1,6 +1,6 @@ {% load review_tags %} -<table class="table table--reviews-sidebar"> +<table class="reviews-sidebar"> <tr class="tr tr--subchild light-grey-bg"> <th colspan="2"></th> <th>{{ object.reviews.submitted.recommendation|traffic_light }}</th> diff --git a/opentech/apply/funds/templates/funds/includes/review_table_row.html b/opentech/apply/funds/templates/funds/includes/review_table_row.html index 2363747c467112cde80f6a26e54a1e33aaaccf0e..27bfb289ecd4afa07ecb0f6b3275eb88eee539a7 100644 --- a/opentech/apply/funds/templates/funds/includes/review_table_row.html +++ b/opentech/apply/funds/templates/funds/includes/review_table_row.html @@ -1,16 +1,19 @@ {% for review in reviews %} <tr class="tr--subchild {% if missing %}no-response{% endif %}"> {% if missing %} - <td class="td td--author" colspan="2">{{ review }}</td> + <td colspan="2">{{ review }}</td> <td>-</td> <td>-</td> {% else %} - <td class="td td--author" colspan="2"> + <td class="reviews-sidebar__author" colspan="2"> {% if request.user.is_apply_staff %} - <a href="{% url 'apply:reviews:review' submission_pk=review.submission.id pk=review.id %}">{{ review.author }}</a></td> + <a href="{% url 'apply:reviews:review' submission_pk=review.submission.id pk=review.id %}"> + {{ review.author }} + </a> {% else %} {{ review.author }} {% endif %} + </td> <td>{{ review.get_recommendation_display }}</td> <td>{{ review.score }}</td> {% endif %} diff --git a/opentech/static_src/src/sass/apply/components/_reviews-sidebar.scss b/opentech/static_src/src/sass/apply/components/_reviews-sidebar.scss new file mode 100644 index 0000000000000000000000000000000000000000..1853bd533a4ea91a9cfee133de489d1149e31cd7 --- /dev/null +++ b/opentech/static_src/src/sass/apply/components/_reviews-sidebar.scss @@ -0,0 +1,55 @@ +.reviews-sidebar { + $root: &; + margin-bottom: 20px; + font-weight: $weight--bold; + + tbody { + tr { + @include media-query(tablet-portrait) { + border-bottom: 0; + } + + &:hover { + box-shadow: none; + } + + > th { + font-size: inherit; + font-weight: $weight--bold; + } + + > td { + display: table-cell; + height: auto; + } + + th, + td, + td:last-child, + td:first-child { + padding: 10px; + } + + &.no-response { + color: $color--black-20; + } + } + } + + &__author { + a { + position: relative; + z-index: 1; + display: block; + overflow: hidden; + background: $color--white; + } + + &:hover { + a { + display: inline; + overflow: visible; + } + } + } +} diff --git a/opentech/static_src/src/sass/apply/components/_table.scss b/opentech/static_src/src/sass/apply/components/_table.scss index 032bee8402244a302385b74d41dc4f9385b02ca1..a10b94b000a2a0a501e7e52411f5ed76ea188e06 100644 --- a/opentech/static_src/src/sass/apply/components/_table.scss +++ b/opentech/static_src/src/sass/apply/components/_table.scss @@ -7,44 +7,6 @@ table, border-collapse: collapse; table-layout: fixed; - &--reviews-sidebar { - margin-bottom: 20px; - font-weight: $weight--bold; - - tbody { - tr { - @include media-query($table-breakpoint) { - border-bottom: 0; - } - - &:hover { - box-shadow: none; - } - - > th { - font-size: inherit; - font-weight: $weight--bold; - } - - > td { - display: table-cell; - height: auto; - } - - th, - td, - td:last-child, - td:first-child { - padding: 10px; - } - - &.no-response { - color: $color--black-20; - } - } - } - } - &--transparent { background-color: transparent; } @@ -317,9 +279,6 @@ table, } td { - &--author { - word-break: break-all; - } &.comments { display: none; diff --git a/opentech/static_src/src/sass/apply/main.scss b/opentech/static_src/src/sass/apply/main.scss index e4a808ee7daa339a39ca515680d1cab88572ebbc..1a575a597aa318ce1f66f1d3f68684f45acb1c3c 100755 --- a/opentech/static_src/src/sass/apply/main.scss +++ b/opentech/static_src/src/sass/apply/main.scss @@ -35,6 +35,7 @@ @import 'components/pagination'; @import 'components/reviews-list'; @import 'components/reviews-summary'; +@import 'components/reviews-sidebar'; @import 'components/select2'; @import 'components/table'; @import 'components/traffic-light';