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

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

@ -110,10 +110,9 @@
flex: 1; flex: 1;
&::part(native) { &::part(native) {
text-transform: none; font-weight: var(--label-font-weight);
font-weight: 400; font-size: var(--label-lg-font-size);
font-size: 16px; line-height: var(--label-lg-line-height);
line-height: 20px;
border-radius: var(--core-combobox-radius); 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; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
text-transform: none;
flex: 1; flex: 1;
margin-left: 4px; margin-left: 4px;
margin-right: 4px; margin-right: 4px;

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

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

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

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