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

MOBILE-4470 styles: Sort some styles

main
Pau Ferrer Ocaña 2024-05-16 12:17:15 +02:00
parent 5c099471f3
commit 91e9d443f1
5 changed files with 87 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/addons/calendar/components/upcoming-events/upcoming-events.scss
View File

@ -1,5 +0,0 @@
:host {
.addon-calendar-event {
cursor: pointer;
}
}

2
src/addons/calendar/components/upcoming-events/upcoming-events.ts
View File

@ -36,7 +36,7 @@ import { Translate } from '@singletons';
@Component({
selector: 'addon-calendar-upcoming-events',
templateUrl: 'addon-calendar-upcoming-events.html',
styleUrls: ['../../calendar-common.scss', 'upcoming-events.scss'],
styleUrls: ['../../calendar-common.scss'],
})
export class AddonCalendarUpcomingEventsComponent implements OnInit, DoCheck, OnDestroy {

30
src/theme/components/ion-alert.scss
View File

@ -73,3 +73,33 @@ ion-alert {
padding-bottom: 0;
}
}
ion-alert.core-alert-network-error .alert-head,
div.core-iframe-network-error {
position: relative;
content: " ";
background: url("/assets/fonts/font-awesome/solid/wifi.svg") no-repeat 50% 50%;
margin: 25px auto;
h2 {
@include sr-only();
}
&::after {
content: " ";
position: absolute;
top: -20%;
right: -15%;
width: 50%;
height: 50%;
background-color: var(--danger);
-webkit-mask: url("/assets/fonts/font-awesome/solid/triangle-exclamation.svg") no-repeat 50% 50%;
mask: url("/assets/fonts/font-awesome/solid/triangle-exclamation.svg") no-repeat 50% 50%;
}
}
[dir=rtl] ion-alert.core-alert-network-error .alert-head::after,
[dir=rtl] div.core-iframe-network-error::after {
right: unset;
left: -15%;
}

56
src/theme/components/ion-button.scss
View File

@ -103,3 +103,59 @@ ion-button {
}
}
}
ion-button,
ion-fab-button,
button,
[role="button"] {
text-transform: none;
min-height: var(--a11y-sizing-minTargetSize);
min-width: var(--a11y-sizing-minTargetSize);
&.button-large {
min-height: 2.8em;
min-width: 2.8em
}
}
[role="button"],
.clickable {
cursor: pointer;
[disabled],
[aria-disabled="true"] {
cursor: default;
opacity: var(--mdl-button-disabled-opacity);
pointer-events: none;
}
}
ion-button.core-button-as-link {
text-decoration: underline;
font-size: inherit;
font-weight: normal;
letter-spacing: normal;
white-space: break-spaces;
}
button.as-link {
display: inline;
min-height: auto;
min-width: auto;
color: var(--core-link-color);
background: none;
border: 0;
line-height: inherit;
margin: 0;
padding: 0;
text-align: start;
font-size: inherit;
}
button[disabled] {
cursor: default;
opacity: var(--mdl-button-disabled-opacity);
pointer-events: none;
}

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

@ -107,94 +107,6 @@ ion-footer {
}
}
// Buttons.
ion-button,
ion-fab-button,
button,
[role="button"] {
text-transform: none;
min-height: var(--a11y-sizing-minTargetSize);
min-width: var(--a11y-sizing-minTargetSize);
&.button-large {
min-height: 2.8em;
min-width: 2.8em
}
}
[role="button"],
.clickable {
cursor: pointer;
[disabled],
[aria-disabled="true"] {
cursor: default;
opacity: var(--mdl-button-disabled-opacity);
pointer-events: none;
}
}
button[disabled] {
cursor: default;
opacity: var(--mdl-button-disabled-opacity);
pointer-events: none;
}
ion-button.core-button-as-link {
text-decoration: underline;
font-size: inherit;
font-weight: normal;
letter-spacing: normal;
white-space: break-spaces;
}
button.as-link {
display: inline;
min-height: auto;
min-width: auto;
color: var(--core-link-color);
background: none;
border: 0;
line-height: inherit;
margin: 0;
padding: 0;
text-align: start;
font-size: inherit;
}
// Ionic alert.
ion-alert.core-alert-network-error .alert-head,
div.core-iframe-network-error {
position: relative;
content: " ";
background: url("/assets/fonts/font-awesome/solid/wifi.svg") no-repeat 50% 50%;
margin: 25px auto;
h2 {
@include sr-only();
}
&::after {
content: " ";
position: absolute;
top: -20%;
right: -15%;
width: 50%;
height: 50%;
background-color: var(--danger);
-webkit-mask: url("/assets/fonts/font-awesome/solid/triangle-exclamation.svg") no-repeat 50% 50%;
mask: url("/assets/fonts/font-awesome/solid/triangle-exclamation.svg") no-repeat 50% 50%;
}
}
[dir=rtl] ion-alert.core-alert-network-error .alert-head::after,
[dir=rtl] div.core-iframe-network-error::after {
right: unset;
left: -15%;
}
// Ionic list.
ion-list {
padding: 0 !important;