Cavemanon/piratepoet
7
Fork 0
Code Pull Requests Actions Releases 16 Activity

Add styles for NewsletterStats component [MAILPOET-3000]

Browse Source
This commit is contained in:
wxa
2020-07-30 23:24:25 +03:00
committed by Veljko V
parent 56d9a37509
commit 7b4c501e86
3 changed files with 77 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
assets/css/src/components-plugin/_listing-newsletters.scss
View File

@@ -154,6 +154,78 @@ h1.title.mailpoet-newsletter-listing-heading {
stroke-width: 2px; stroke-width: 2px;
} }
.mailpoet-listing-stats {
color: $color-tertiary;
font-size: $font-size-small;
font-weight: 600;
.__react_component_tooltip.show {
opacity: 1 !important;
}
}
.mailpoet-listing-stats a {
color: $color-tertiary !important;
}
.mailpoet-listing-stats-opened-clicked {
display: flex;
}
.mailpoet-listing-stats-percentages {
line-height: 1.7;
margin-right: 5px;
}
.mailpoet-listing-stats-badges {
line-height: 1.7;
}
.mailpoet-listing-stats-badge {
border-radius: 2px;
color: $color-white;
display: inline-block;
font-size: $font-size-xx-small;
font-weight: normal;
line-height: 1.6;
padding: 0;
text-align: center;
width: 60px;
}
.mailpoet-listing-stats-badge-average {
background-color: $color-stats-average;
}
.mailpoet-listing-stats-badge-good {
background-color: $color-stats-good;
}
.mailpoet-listing-stats-badge-excellent {
background-color: $color-stats-excellent;
}
.mailpoet-listing-stats-revenues {
border: solid 1px $color-tertiary;
border-radius: 2px;
display: inline-block;
font-size: $font-size-xx-small;
font-weight: normal;
line-height: 1.6;
padding: 1px 3px;
text-align: center;
}
.mailpoet-listing-stats-tooltip-title {
font-size: $font-size-extra-small;
text-align: center;
}
.mailpoet-listing-stats-tooltip-content {
font-size: $font-size-extra-small;
font-weight: normal;
}
@include respond-to(small-screen) { @include respond-to(small-screen) {
.mailpoet-newsletter-listing-heading-wrapper { .mailpoet-newsletter-listing-heading-wrapper {
float: left; float: left;

4
assets/css/src/settings/_badge.scss
View File

@@ -3,3 +3,7 @@ $badge-color-excellent: #2993ab;
$badge-color-good: #f0b849; $badge-color-good: #f0b849;
$badge-color-green: #55bd56; $badge-color-green: #55bd56;
$badge-color-video-guide: #46b450; $badge-color-video-guide: #46b450;
$color-stats-average: #f559c3;
$color-stats-good: #ff9f00;
$color-stats-excellent: #7ed321;

1
assets/css/src/settings/_typography.scss
View File

@@ -2,6 +2,7 @@ $font-family: 'proxima-soft', sans-serif;
$font-size: 16px; $font-size: 16px;
$font-size-small: 14px; $font-size-small: 14px;
$font-size-extra-small: 12px; $font-size-extra-small: 12px;
$font-size-xx-small: 10px;
$line-height: 1.5; $line-height: 1.5;
$heading-line-height: 1.25; $heading-line-height: 1.25;