MOBILE-3833 style: Normalize font-size on cards

main
Pau Ferrer Ocaña 2022-03-30 14:20:12 +02:00
parent c7a5b8589b
commit c40b792f5d
11 changed files with 23 additions and 20 deletions

View File

@ -17,7 +17,7 @@
.addon-calendar-months { .addon-calendar-months {
background-color: var(--contrast-background); background-color: var(--contrast-background);
padding: 0; padding: 0;
font-size: 14px; font-size: var(--text-size);
} }
.addon-calendar-day { .addon-calendar-day {

View File

@ -1,3 +1,3 @@
ion-item > p[slot="end"] { ion-item > p[slot="end"] {
font-size: 14px; font-size: var(--text-size);
} }

View File

@ -2,7 +2,7 @@
:host { :host {
.addon-mod_scorm-attempt-summary ion-item > p { .addon-mod_scorm-attempt-summary ion-item > p {
font-size: 14px; font-size: var(--text-size);
} }
.addon-mod_scorm-toc { .addon-mod_scorm-toc {

View File

@ -3,7 +3,7 @@
--even-background: var(--gray-200); --even-background: var(--gray-200);
.option-name { .option-name {
font-size: 14px; font-size: var(--text-size);
} }
.addon-mod_survey-question { .addon-mod_survey-question {

View File

@ -5,7 +5,7 @@ ion-item {
margin-top: 8px; margin-top: 8px;
margin-bottom: 8px; margin-bottom: 8px;
p.item-heading { p.item-heading {
font-size: 14px; font-size: var(--text-size);
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

View File

@ -17,7 +17,7 @@
.core-notification-body { .core-notification-body {
core-format-text { core-format-text {
font-size: 14px; font-size: var(--text-size);
} }
h2 { h2 {

View File

@ -74,7 +74,7 @@ ion-item.item {
} }
&.restricted { &.restricted {
font-size: 14px; font-size: var(--text-size);
} }
} }
} }

View File

@ -98,7 +98,7 @@
} }
.expandable-status-icon { .expandable-status-icon {
font-size: 14px; font-size: var(--text-size);
@include margin-horizontal(0, 2px); @include margin-horizontal(0, 2px);
@include core-transition(transform, 200ms); @include core-transition(transform, 200ms);

View File

@ -210,7 +210,7 @@ core-rich-text-editor .core-rte-editor {
p, ul, ol, li { p, ul, ol, li {
// Normalize font-size inside formatted text. // Normalize font-size inside formatted text.
font-size: 14px; font-size: var(--text-size);
} }
p { p {

View File

@ -96,7 +96,7 @@ body {
&.item-heading-secondary { &.item-heading-secondary {
@include margin(2px, 0); @include margin(2px, 0);
font-size: 14px; font-size: var(--text-size);
font-weight: normal; font-weight: normal;
line-height: normal; line-height: normal;
@ -112,7 +112,7 @@ body {
&.item-heading-secondary { &.item-heading-secondary {
@include margin(0, 0, 3px); @include margin(0, 0, 3px);
font-size: 14px; font-size: var(--text-size);
font-weight: normal; font-weight: normal;
line-height: normal; line-height: normal;
@ -222,7 +222,7 @@ ion-header {
h1 + h2, h1 + h2,
h1 + .subheading { h1 + .subheading {
font-size: 14px; font-size: var(--text-size);
font-weight: 400; font-weight: 400;
} }
@ -242,7 +242,7 @@ ion-header {
h1 + h2, h1 + h2,
h1 + .subheading { h1 + .subheading {
font-size: 14px; font-size: var(--text-size);
font-weight: 400; font-weight: 400;
} }
} }
@ -690,7 +690,7 @@ body.core-iframe-fullscreen ion-router-outlet {
font-style: italic; font-style: italic;
margin-top: 0; margin-top: 0;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 14px; font-size: var(--text-size);
} }
// Item styles // Item styles
@ -714,7 +714,7 @@ body.core-iframe-fullscreen ion-router-outlet {
} }
p.item-heading { p.item-heading {
font-size: 14px; font-size: var(--text-size);
} }
p { p {
@ -767,6 +767,7 @@ body.core-iframe-fullscreen ion-router-outlet {
--color: var(--color-shade); --color: var(--color-shade);
--inner-border-width: 0px; --inner-border-width: 0px;
--border-width: 0px; --border-width: 0px;
font-size: var(--text-size);
ion-label, ion-label > p { ion-label, ion-label > p {
--color: var(--color-shade); --color: var(--color-shade);
@ -1227,6 +1228,7 @@ audio.core-media-adapt-width {
} }
ion-item { ion-item {
font-size: var(--text-size);
--inner-border-width: 0px; --inner-border-width: 0px;
} }
@ -1283,7 +1285,7 @@ html.md div.fake-ion-item {
h6 { h6 {
@include margin(2px, 0); @include margin(2px, 0);
font-size: 14px; font-size: var(--text-size);
font-weight: normal; font-weight: normal;
line-height: normal; line-height: normal;
@ -1291,7 +1293,7 @@ html.md div.fake-ion-item {
p { p {
@include margin(0, 0, 2px); @include margin(0, 0, 2px);
font-size: 14px; font-size: var(--text-size);
line-height: 20px; line-height: 20px;
text-overflow: inherit; text-overflow: inherit;
overflow: inherit; overflow: inherit;
@ -1299,7 +1301,7 @@ html.md div.fake-ion-item {
} }
html.ios div.fake-ion-item { html.ios div.fake-ion-item {
font-size: 14px; font-size: var(--text-size);
@include padding(null, 10px, null, 20px); @include padding(null, 10px, null, 20px);
@include margin(10px, 8px, 10px, null); @include margin(10px, 8px, 10px, null);
@ -1320,14 +1322,14 @@ html.ios div.fake-ion-item {
h5, h5,
h6 { h6 {
@include margin(0, 0, 3px); @include margin(0, 0, 3px);
font-size: 14px; font-size: var(--text-size);
font-weight: normal; font-weight: normal;
line-height: normal; line-height: normal;
} }
p { p {
@include margin(0, 0, 2px 0); @include margin(0, 0, 2px 0);
font-size: 14px; font-size: var(--text-size);
line-height: normal; line-height: normal;
text-overflow: inherit; text-overflow: inherit;
overflow: inherit; overflow: inherit;

View File

@ -59,6 +59,7 @@
--huge-radius: 24px; --huge-radius: 24px;
--text-color: #{$text-color}; --text-color: #{$text-color};
--text-size: 14px;
--background-color: #{$background-color}; --background-color: #{$background-color};
--stroke: var(--gray-300); --stroke: var(--gray-300);