EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-4458 design: Apply button styles

main
Pau Ferrer Ocaña 2024-02-22 12:31:24 +01:00
parent 75afcb1534
commit 9660be8228
5 changed files with 8 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/addons/mod/lesson/pages/player/player.html
View File

@ -136,7 +136,7 @@
</ng-container>
</ng-container>
<ion-button expand="block" type="submit" class="ion-text-wrap ion-margin button-no-uppercase">
<ion-button expand="block" type="submit" class="ion-text-wrap ion-margin">
{{ question.submitLabel }}
</ion-button>
<!-- Remove this once Ionic fixes this bug: https://github.com/ionic-team/ionic-framework/issues/19368 -->
@ -150,7 +150,7 @@
<ion-row class="ion-align-items-center">
<ion-col *ngFor="let button of pageButtons" size="12" size-md="6" size-lg="3" col-xl>
<ion-button expand="block" fill="outline" [id]="button.id" (click)="buttonClicked(button.data)"
class="ion-text-wrap button-no-uppercase">
class="ion-text-wrap">
{{ button.content }}
</ion-button>
</ion-col>
@ -224,7 +224,7 @@
<ion-item class="ion-text-wrap" *ngIf="eolData.displayofgrade">
<ion-label>{{ eolData.displayofgrade.message }}</ion-label>
</ion-item>
<ion-button *ngIf="eolData.reviewlesson" expand="block" class="ion-text-wrap ion-margin button-no-uppercase"
<ion-button *ngIf="eolData.reviewlesson" expand="block" class="ion-text-wrap ion-margin"
(click)="reviewLesson(reviewPageId!)">
{{ 'addon.mod_lesson.reviewlesson' | translate }}
</ion-button>
@ -233,7 +233,7 @@
</ion-item>
<!-- If activity link was successfully formatted, render the button. -->
<ion-button *ngIf="activityLink && activityLink.formatted" expand="block" fill="outline" [href]="activityLink.href"
core-link [capture]="true" class="ion-text-wrap ion-margin button-no-uppercase">
core-link [capture]="true" class="ion-text-wrap ion-margin">
<core-format-text [text]="activityLink.label" contextLevel="module" [contextInstanceId]="lesson.coursemodule"
[courseId]="courseId" />
</ion-button>

7
src/core/components/combobox/combobox.scss
View File

@ -110,10 +110,9 @@
flex: 1;
&::part(native) {
text-transform: none;
font-weight: 400;
font-size: 16px;
line-height: 20px;
font-weight: var(--label-font-weight);
font-size: var(--label-lg-font-size);
line-height: var(--label-lg-line-height);
border-radius: var(--core-combobox-radius);
}

1
src/core/features/course/components/course-format/course-format.scss
View File

@ -8,7 +8,6 @@
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-transform: none;
flex: 1;
margin-left: 4px;
margin-right: 4px;

1
src/core/features/course/components/module-navigation/module-navigation.scss
View File

@ -25,7 +25,6 @@
margin: 0;
--border-radius: 0;
width: 100%;
text-transform: none;
font-size: 12px;
font-weight: normal;
--color: var(--button-color);

9
src/theme/theme.base.scss
View File

@ -45,10 +45,6 @@ body {
.core-big { font-size: 115%; }
.invisible { visibility: hidden; }
.button-no-uppercase {
text-transform: none;
}
.flex { display: flex; }
.inline-block { display: inline-block; }
.block { display: block; }
@ -263,6 +259,7 @@ ion-button,
ion-fab-button,
button,
[role="button"] {
text-transform: none;
min-height: var(--a11y-min-target-size);
min-width: var(--a11y-min-target-size);
@ -403,7 +400,6 @@ button[disabled] {
}
ion-button.core-button-as-link {
text-transform: none;
text-decoration: underline;
font-size: inherit;
font-weight: normal;
@ -943,8 +939,6 @@ ion-card {
margin: 0 8px 8px 8px;
ion-button {
text-transform: none;
&[fill="outline"] {
--background: transparent;
}
@ -1181,7 +1175,6 @@ ion-button.button.chip {
line-height: 1.1;
font-size: 12px;
min-height: 24px;
text-transform: none;
margin: 4px;
font-weight: normal;