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

MOBILE-3814 style: Adapt styles to prototype

main
Pau Ferrer Ocaña 2022-01-27 18:02:34 +01:00
parent 92f33e9a2e
commit 2828f5b77f
5 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/core/features/block/components/side-blocks-button/side-blocks-button.html
View File

@ -1,3 +1,3 @@
<ion-button (click)="openBlocks()" [attr.aria-label]="'core.block.opendrawerblocks' | translate"> <ion-button (click)="openBlocks()" [attr.aria-label]="'core.block.opendrawerblocks' | translate" color="secondary">
<ion-icon name="fas-chevron-left" slot="icon-only" aria-hidden="true"></ion-icon> <ion-icon name="fas-chevron-left" slot="icon-only" aria-hidden="true"></ion-icon>
</ion-button> </ion-button>

3
src/core/features/block/components/side-blocks-button/side-blocks-button.scss
View File

@ -10,11 +10,12 @@
--padding-start: 0.5em; --padding-start: 0.5em;
--padding-end: 0; --padding-end: 0;
--border-radius: 2em 0 0 2em; --border-radius: 2em 0 0 2em;
height: 56px;
&::part(native) { &::part(native) {
@include core-transition(padding, 200ms); @include core-transition(padding, 200ms);
} }
&:hover { &:hover {
--padding-end: 1.2em; --padding-end: 1.2em;
--padding-start: 1em; --padding-start: 1em;

2
src/core/features/courses/components/course-list-item/course-list-item.scss
View File

@ -39,7 +39,7 @@
ion-card { ion-card {
--vertical-margin: 12px; --vertical-margin: 12px;
--border-radius: 16px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-self: stretch; align-self: stretch;

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

@ -303,7 +303,7 @@ button,
// Clear buttons will be black. // Clear buttons will be black.
ion-button.button-clear { ion-button.button-clear {
--ion-color-primary: var(--brand-color); --ion-color-primary: var(--primary);
} }
[role="button"], [role="button"],
@ -392,7 +392,7 @@ ion-alert .alert-message {
} }
ion-alert .alert-wrapper button.alert-button { ion-alert .alert-wrapper button.alert-button {
color: var(--brand-color); color: var(--primary);
} }
// Ionic list. // Ionic list.
@ -707,8 +707,16 @@ img[core-external-content]:not([src]) {
visibility: hidden; visibility: hidden;
} }
ion-card ion-item:only-child { ion-card {
--inner-border-width: 0px; border-width: var(--border-width);
border-style: var(--border-style);
border-color: var(--border-color);
box-shadow: var(--box-shadow);
border-radius: var(--border-radius);
ion-item:only-child {
--inner-border-width: 0px;
}
} }
.core-course-module-handler:not(.addon-mod-label-handler) .item-heading .filter_mathjaxloader_equation div { .core-course-module-handler:not(.addon-mod-label-handler) .item-heading .filter_mathjaxloader_equation div {

11
src/theme/theme.light.scss
View File

@ -75,6 +75,13 @@
--subdued-text-color: #595959; --subdued-text-color: #595959;
--ion-card-color: var(--text-color); --ion-card-color: var(--text-color);
ion-card {
--border-width: 1px;
--border-style: solid;
--border-color: var(--gray);
--box-shadow: none;
--border-radius: 8px;
}
--text-hightlight-background-color: #{$core-text-hightlight-background-color}; --text-hightlight-background-color: #{$core-text-hightlight-background-color};
@ -85,8 +92,8 @@
--background-alternative: var(--gray-lighter); --background-alternative: var(--gray-lighter);
} }
--core-bottom-tabs-background: var(--black); --core-bottom-tabs-background: var(--white);
--core-bottom-tabs-color: var(--gray-lighter); --core-bottom-tabs-color: var(--gray-darker);
--core-bottom-tabs-color-selected: var(--brand-color); --core-bottom-tabs-color-selected: var(--brand-color);
--core-bottom-tabs-background-selected: transparent; --core-bottom-tabs-background-selected: transparent;
--core-bottom-tabs-badge-color: var(--brand-color); --core-bottom-tabs-badge-color: var(--brand-color);