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

Optimize email stats for mobiles

Browse Source 
[PREMIUM-146]
This commit is contained in:
Ján Mikláš
2020-11-17 14:21:17 +01:00
committed by Veljko V
parent 44d58d356d
commit fd94d1f23c
1 changed files with 47 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
assets/css/src/components-plugin/_stats.scss
View File

@@ -8,6 +8,22 @@
.mailpoet-tabs { .mailpoet-tabs {
margin: $grid-gap; margin: $grid-gap;
} }
@include respond-to(small-screen) {
margin-left: -10px;
.mailpoet-listing-table {
tr {
padding-bottom: 5px;
}
td {
float: none !important;
padding: 5px 10px !important;
text-align: left !important;
}
}
}
} }
.mailpoet-stats-info, .mailpoet-stats-info,
@@ -28,6 +44,12 @@
.mailpoet-stats-general { .mailpoet-stats-general {
font-size: $font-size; font-size: $font-size;
.mailpoet-grid-three-columns {
@include respond-to(small-screen) {
border-bottom: 1px solid $color-tertiary-light;
}
}
} }
.mailpoet-stats-general-top-row { .mailpoet-stats-general-top-row {
@@ -92,6 +114,13 @@
.mailpoet-statistics-with-left-separator { .mailpoet-statistics-with-left-separator {
border-left: solid 1px $color-tertiary-light; border-left: solid 1px $color-tertiary-light;
padding-left: $grid-gap; padding-left: $grid-gap;
@include respond-to(small-screen) {
border-left: 0;
border-top: solid 1px $color-tertiary-light;
padding-left: 0;
padding-top: $grid-gap;
}
} }
.mailpoet_stat_triple-spaced { .mailpoet_stat_triple-spaced {
@@ -107,6 +136,11 @@
display: grid; display: grid;
grid-gap: $grid-gap; grid-gap: $grid-gap;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
@include respond-to(small-screen) {
grid-template-columns: 1fr;
padding-top: $grid-gap;
}
} }
.mailpoet-stats-product { .mailpoet-stats-product {
@@ -117,12 +151,21 @@
grid-gap: $grid-gap; grid-gap: $grid-gap;
grid-template-columns: 176px 1fr; grid-template-columns: 176px 1fr;
height: 136px; height: 136px;
@include respond-to(small-screen) {
grid-template-columns: 1fr;
height: auto;
}
} }
.mailpoet-stats-product-image { .mailpoet-stats-product-image {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
@include respond-to(small-screen) {
height: 136px;
}
} }
.mailpoet-stats-product-info { .mailpoet-stats-product-info {
@@ -140,4 +183,8 @@
font-size: $font-size-small; font-size: $font-size-small;
margin: 0; margin: 0;
} }
@include respond-to(small-screen) {
padding: 0 $grid-gap $grid-gap;
}
} }