Commit ff5a8ed4 authored by Curtis Adam's avatar Curtis Adam

Display the about this rating icon inside the card header

parent 1282ecfb
......@@ -94,10 +94,17 @@ $themes: (
$transcript_rating_pending_icon: map-get($map, "transcript_rating_pending_icon");
$transcript_rating_accepted_icon: map-get($map, "transcript_rating_accepted_icon");
$transcript_rating_denied_icon: map-get($map, "transcript_rating_denied_icon");
$transcript_rating_about_background: map-get($map, "transcript_rating_about_background");
$transcript_rating_about_icon: map-get($map, "transcript_rating_about_icon");
$transcript_rating_about_card_background: map-get($map, "transcript_rating_about_card_background");
$transcript_rating_about_card_icon: map-get($map, "transcript_rating_about_card_icon");
$transcript_achieved_bonus: map-get($map, "transcript_achieved_bonus");
$transcript_rating_stars_label_background: map-get($map, "transcript_rating_stars_label_background");
$transcript_rating_stars_icon: map-get($map, "transcript_rating_stars_icon");
$transcript_rating_stars_icon_rated: map-get($map, "transcript_rating_stars_icon_rated");
$transcript_rating_stars_card_label_background: map-get($map, "transcript_rating_stars_card_label_background");
$transcript_rating_stars_card_icon: map-get($map, "transcript_rating_stars_card_icon");
$transcript_rating_stars_card_icon_rated: map-get($map, "transcript_rating_stars_card_icon_rated");
//barfy stars
$barfy_stars_particles_1: map-get($map, "barfy_stars_particles_1");
$barfy_stars_particles_2: map-get($map, "barfy_stars_particles_2");
......@@ -2807,7 +2814,17 @@ $themes: (
}
.aboutThisRating {
color: $transcript_rating_label_background !important;
background-color: $transcript_rating_about_background !important;
color: $transcript_rating_about_icon !important;
}
.aboutThisRatingLabel {
background-color: transparent !important;
}
.card-header-label .aboutThisRating {
background-color: $transcript_rating_about_card_background !important;
color: $transcript_rating_about_card_icon !important;
}
.label-transcript-rating-stars {
......@@ -2817,6 +2834,12 @@ $themes: (
}
}
.card-header-label .label-transcript-rating-stars {
background-color: $transcript_rating_stars_card_label_background !important;
i, i:hover {
color: $transcript_rating_stars_card_icon !important;
}
}
.transcript-bonus-statistics-info {
.fa-star, fa-star:hover {
color: $transcript_rating_stars_icon_rated !important;
......
......@@ -129,10 +129,17 @@
"transcript_rating_pending_icon": $thm_orange,
"transcript_rating_accepted_icon": $thm_green,
"transcript_rating_denied_icon": $thm_red,
"transcript_rating_about_background": transparent,
"transcript_rating_about_icon": white,
"transcript_rating_about_card_background": transparent,
"transcript_rating_about_card_icon": $thm_gray,
"transcript_achieved_bonus": $thm_orange,
"transcript_rating_stars_label_background": transparent,
"transcript_rating_stars_icon": white,
"transcript_rating_stars_icon_rated": $thm_orange,
"transcript_rating_stars_card_label_background": transparent,
"transcript_rating_stars_card_icon": $thm_gray,
"transcript_rating_stars_card_icon_rated": $thm_orange,
//barfy stars
"barfy_stars_particles_1": $thm_blue,
"barfy_stars_particles_2": $thm_orange,
......
......@@ -247,7 +247,7 @@ export let CardVisuals = class CardVisuals {
if (!NavigatorCheck.isSmartphone() && !Session.get('mobilePreview')) {
flashcardHeaderHeight = 100;
} else {
flashcardHeaderHeight = 60;
flashcardHeaderHeight = 70;
}
newFlashcardSize -= $('.cardNavigationContainer:visible').outerHeight();
flashcardBodyHeight = newFlashcardSize - flashcardHeaderHeight;
......
......@@ -4,6 +4,7 @@
{{> cardSettingsModal}}
{{> cardModalBeolingusTranslation}}
{{> cardModalDeepLTranslation}}
{{> aboutThisRatingModal}}
{{#if isTranscriptRoute}}
{{> cardModalTranscriptRatingAccept}}
{{> cardModalTranscriptRatingDeny}}
......
......@@ -542,6 +542,9 @@ img.cardside {
display: inline-block;
@media (max-width: 767px) {
font-size: 8px;
.fa-star {
font-size: 7px;
}
white-space: normal;
padding: 1px;
}
......
......@@ -8,6 +8,8 @@
{{{getBonusLabel true}}}<br>
{{/if}}
{{{getTranscriptBonusLabel this}}}<br>
{{> filterIndexItemBottomTranscriptRating}}
{{> filterIndexItemBottomTranscriptRating}}<br>
{{> filterIndexItemBottomStarsRating}}
{{> filterIndexItemBottomAboutThisRating}}
</span>
</template>
......@@ -202,3 +202,12 @@ input, textarea {
cursor: pointer;
font-size: 15px;
}
.card-header-label .aboutThisRating {
cursor: pointer;
}
.aboutThisRatingLabel {
padding-left: 0;
padding-right: 0;
}
\ No newline at end of file
<template name="filterIndexItemBottomAboutThisRating">
{{#if isCardsetOwner this._id}}
{{#if gotRated this._id}}
<a class="resultNavigationElement aboutThisRating hidden-xs"
title='{{_ "cardset.transcriptBonusRating.modal.about.icon"}}' data-toggle="modal"
data-target="#aboutThisRatingModal"
data-id="{{this._id}}">
<i class="result fas fa-question-circle" data-id="{{this._id}}"></i>
</a>
<span class="label aboutThisRatingLabel">
<a class="resultNavigationElement aboutThisRating"
title='{{_ "cardset.transcriptBonusRating.modal.about.icon"}}' data-toggle="modal"
data-target="#aboutThisRatingModal"
data-id="{{this._id}}">
<i class="result fas fa-question-circle" data-id="{{this._id}}"></i>
</a>
</span>
{{/if}}
{{/if}}
</template>
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