CIT/Vmeda.Online
3
0
Fork 1
forked from EVOgeek/Vmeda.Online
Code Pull Requests Activity

MOBILE-3361 styles: Remove windows phone styles

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2020-02-26 17:13:20 +01:00
parent bc08adda94
commit 04a6aae270
21 changed files with 12 additions and 302 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/addon/block/activitymodules/components/activitymodules/activitymodules.scss
View File

@ -15,12 +15,3 @@ ion-app.app-root.ios addon-block-activitymodules {
height: 24px;
}
}
ion-app.app-root.wp addon-block-activitymodules {
.core-module-icon {
margin-top: $item-wp-padding-top;
margin-bottom: $item-wp-padding-bottom;
width: 24px;
height: 24px;
}
}

7
src/addon/calendar/pages/edit-event/edit-event.scss
View File

@ -14,13 +14,6 @@ ion-app.app-root page-addon-calendar-edit-event {
@include padding-horizontal($datetime-md-padding-start - $text-input-md-margin-start, null);
}
}
&.item-wp {
@include padding-horizontal($item-wp-padding-start * 2, null);
ion-input {
@include padding-horizontal($datetime-wp-padding-start - $text-input-wp-margin-start, null);
}
}
}
.addon-calendar-eventtype-container.item-select-disabled {

8
src/addon/mod/data/data.scss
View File

@ -107,14 +107,6 @@ page-addon-mod-data-edit {
}
}
.input-wp input {
@include padding-horizontal(null, ($item-wp-padding-end / 2));
border-bottom: 1px solid $list-wp-border-color;
&:focus {
border-color: $text-input-wp-highlight-color;
}
}
ion-select {
width: 100%;
@include position(null, null, null, 0);

3
src/addon/mod/feedback/pages/form/form.scss
View File

@ -9,9 +9,6 @@ ion-app.app-root page-addon-mod-feedback-form {
.item-ios .addon-mod_feedback-form-content {
@include margin($item-ios-padding-media-top, $item-ios-padding-start, $item-ios-padding-media-bottom, 0);
}
.item-wp .addon-mod_feedback-form-content {
@include margin($item-wp-padding-media-top, ($item-wp-padding-end / 2), $item-wp-padding-media-bottom, 0);
}
.addon-mod_feedback-postfix {
font-size: 1.4rem;
}

4
src/addon/mod/label/label.scss
View File

@ -14,7 +14,3 @@ ion-app.app-root .item.core-course-module-handler.addon-mod-label-handler {
.ios .item.core-course-module-handler.addon-mod-label-handler .item-inner {
padding-bottom: $item-ios-padding-bottom;
}
.wp .item.core-course-module-handler.addon-mod-label-handler .item-inner {
padding-bottom: $item-wp-padding-bottom;
}

12
src/addon/mod/lesson/pages/player/player.scss
View File

@ -49,10 +49,6 @@ ion-app.app-root page-addon-mod-lesson-player {
border-bottom: 1px solid $list-md-border-color;
}
.item-wp table td {
border-bottom: 1px solid $list-wp-border-color;
}
.item-ios table {
@extend .card-ios;
@include darkmode() {
@ -68,12 +64,4 @@ ion-app.app-root page-addon-mod-lesson-player {
background-color: $core-dark-item-bg-color;
}
}
.item-wp table {
@extend .card-wp;
@include darkmode() {
color: $white;
background-color: $core-dark-item-bg-color;
}
}
}

4
src/addon/qtype/ddwtos/component/ddwtos.scss
View File

@ -109,7 +109,3 @@ addon-qtype-ddwtos .item-md .draghome {
addon-qtype-ddwtos .item-ios .draghome {
max-width: calc(100% - #{($item-ios-padding-start)});
}
addon-qtype-ddwtos .item-wp .draghome {
max-width: calc(100% - #{($item-wp-padding-start)});
}

28
src/app/app.scss
View File

@ -12,7 +12,7 @@
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// for the .md, or .ios mode classes. The mode class is
// automatically applied to the <body> element in the app.
// Alignment
@ -442,8 +442,7 @@ ion-app.app-root {
}
@each $color-name, $color-base, $color-contrast in get-colors($colors) {
&.select-md-#{$color-name},
&.select-ios-#{$color-name},
&.select-wp-#{$color-name} {
&.select-ios-#{$color-name} {
color: $color-base;
.select-icon .select-icon-inner {
@ -482,11 +481,6 @@ ion-app.app-root {
box-shadow: $card-ios-box-shadow;
}
&.select-wp,
&.button-wp {
background: $card-wp-background-color;
}
.select-text {
white-space: normal;
}
@ -520,9 +514,7 @@ ion-app.app-root {
&.select-md,
&.button-md,
&.select-ios,
&.button-ios,
&.select-wp,
&.button-wp {
&.button-ios {
background: $core-dark-item-bg-color;
}
}
@ -698,9 +690,6 @@ ion-app.app-root {
&.alert-ios .alert-message {
padding-top: $alert-ios-message-padding-bottom;
}
&.alert-wp .alert-message {
padding-top: $alert-wp-message-padding-bottom;
}
.alert-head {
display: none;
}
@ -748,11 +737,6 @@ ion-app.app-root {
max-height: $toolbar-ios-height;
}
.header .toolbar-wp {
height: $toolbar-wp-height;
max-height: $toolbar-wp-height;
}
.header .toolbar-md {
height: $toolbar-md-height;
max-height: $toolbar-md-height;
@ -818,11 +802,6 @@ ion-app.app-root {
@include ios-input-highlight($color-base);
}
&.item-wp .text-input,
&.item-wp.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input,
&.item-wp.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input {
border-color: $color-base;
}
}
.core-#{$color-name}-selected-item {
@ -1140,7 +1119,6 @@ ion-app.app-root {
}
.item-divider-md-#{$color-name} h2,
.item-divider-wp-#{$color-name} h2,
.item-divider-ios-#{$color-name} h2 {
color: $color-contrast;
}

63
src/app/app.wp.scss
View File

@ -1,63 +0,0 @@
ion-app.app-root.wp {
.button-wp {
min-height: $button-wp-height;
}
// Light buttons color.
.button-wp-light {
color: color($colors, primary, base);
}
.col[align-self-stretch] .card-wp {
height: calc(100% - #{($card-wp-margin-end + $card-wp-margin-start)});
}
.bar-buttons core-context-menu .button-clear-wp {
color: $toolbar-wp-button-color;
}
.item-wp ion-spinner[item-start] + .item-inner,
.item-wp ion-spinner[item-start] + .item-input,
.item-wp ion-icon[item-start] + .item-inner,
.item-wp ion-icon[item-start] + .item-input,
.item-wp img[item-start] + .item-inner,
.item-wp img[item-start] + .item-input {
@include margin-horizontal(($item-wp-padding-start / 2), null);
}
.item-wp ion-avatar[item-start] + .item-inner,
.item-wp ion-avatar[item-start] + .item-input {
@include margin-horizontal(0, null);
}
@each $color-name, $color-base, $color-contrast in get-colors($colors-wp) {
.core-#{$color-name}-card {
@extend .card-wp ;
@extend .card-content-wp;
@include darkmode() {
background-color: $core-dark-item-bg-color;
}
&[icon-start] {
@include safe-area-padding(null, null, null, $card-wp-padding-left * 2 + 20);
ion-icon {
@include safe-area-position(null, null, null, $card-wp-padding-left);
}
}
}
}
.core-avoid-header ion-content {
top: $navbar-wp-height;
height: calc(100% - #{($navbar-wp-height)});
}
// Different levels of padding.
@for $i from 0 through 15 {
.core-padding-#{$i} {
@include padding(null, null, null, 15px * $i + $item-wp-padding-start);
}
}
}

5
src/components/file/file.scss
View File

@ -13,11 +13,6 @@ ion-app.app-root {
}
}
.card-wp core-file + core-file > .item-wp.item-block > .item-inner,
core-file + core-file > .item-wp.item-block > .item-inner {
border-top: 1px solid $list-wp-border-color;
}
core-file > .item.item-block > .item-inner {
border-bottom: 0;
@include safe-area-padding(null, 0px, null, null);

8
src/components/ion-tabs/ion-tabs.scss
View File

@ -76,10 +76,6 @@ ion-app.app-root.md core-ion-tabs .core-ion-tabs-loading {
min-height: $tabs-md-tab-min-height;
}
ion-app.app-root.wp core-ion-tabs .core-ion-tabs-loading {
min-height: $tabs-wp-tab-min-height;
}
// Copy some styles from ion-tabs and ion-tab.
core-ion-tabs, core-ion-tab {
@include position(0, null, null, 0);
@ -134,7 +130,3 @@ ion-app.app-root.ios {
ion-app.app-root.md {
@include core-ion-tabs-statusbar-padding($toolbar-md-height, $toolbar-md-padding, $content-md-padding, $cordova-md-statusbar-padding, $cordova-md-statusbar-padding-modal-max-width);
}
ion-app.app-root.wp {
@include core-ion-tabs-statusbar-padding($toolbar-wp-height, $toolbar-wp-padding, $content-wp-padding, $cordova-wp-statusbar-padding, $cordova-wp-statusbar-padding-modal-max-width);
}

9
src/components/show-password/show-password.scss
View File

@ -36,12 +36,3 @@ ion-app.app-root.ios {
bottom: 0;
}
}
ion-app.app-root.wp {
.item-label-stacked core-show-password .button[icon-only] {
bottom: 7px;
}
core-show-password .button[icon-only] {
@include position(null, 5px, 12px, null);
}
}

15
src/components/tabs/tabs.scss
View File

@ -79,19 +79,6 @@ ion-app.app-root.ios .core-tabs-bar .tab-slide {
color: $tabs-ios-tab-text-color;
}
ion-app.app-root.wp .core-tabs-bar .tab-slide {
//@extend .tabs-wp .tab-button;
@include border-radius(0);
min-height: $tabs-wp-tab-min-height;
border-bottom: $tabs-wp-tab-border;
font-size: $tabs-wp-tab-font-size;
font-weight: $tabs-wp-tab-font-weight;
color: $tabs-wp-tab-color;
box-shadow: none;
}
ion-app.app-root core-tabs {
.core-tabs-content-container {
height: 100%;
@ -157,7 +144,7 @@ ion-app.app-root.md .core-tabs-bar::after {
@extend .header-md::after;
}
ion-app.app-root.ios, ion-app.app-root.md, ion-app.app-root.wp {
ion-app.app-root.ios, ion-app.app-root.md {
.core-avoid-header ion-content core-tabs core-tab ion-content {
top: 0 !important;
height: 100% !important;

35
src/core/course/components/module/module.scss
View File

@ -25,10 +25,6 @@ ion-app.app-root core-course-module {
&.item-md.activated {
background-color: $list-md-activated-background-color;
}
&.item-wp:active,
&.item-wp.activated {
background-color: $list-wp-activated-background-color;
}
}
.core-module-title {
@ -103,9 +99,7 @@ ion-app.app-root core-course-module {
&.item-ios:active,
&.item-ios.activated,
&.item-md:active,
&.item-md.activated,
&.item-wp:active,
&.item-wp.activated {
&.item-md.activated {
background-color: $core-dark-background-color;
}
}
@ -174,33 +168,6 @@ ion-app.app-root.ios core-course-module {
}
}
ion-app.app-root.wp core-course-module {
.core-module-description {
@include padding(null, $item-wp-padding-end / 2, null, null);
margin-bottom: $label-md-margin-bottom;
.core-show-more {
@include padding(null, $item-wp-padding-end / 2, null, null);
}
}
.item.core-course-module-handler .core-module-icon {
margin-top: $item-wp-padding-top;
margin-bottom: $item-wp-padding-bottom;
width: 24px;
height: 24px;
}
.core-module-title core-format-text {
padding-top: $item-wp-padding-top + 3;
}
.button-wp {
margin-top: 8px;
margin-bottom: 8px;
}
}
ion-app.app-root .core-course-module-handler.item [item-start] + .item-inner {
@include margin-horizontal(4px, null);
}

3
src/core/courses/components/course-progress/course-progress.scss
View File

@ -90,9 +90,6 @@ ion-app.app-root core-courses-course-progress {
ion-item-divider .label-md {
@extend .label-md;
}
ion-item-divider .label-wp {
@extend .label-wp;
}
ion-item-divider .label-ios {
@extend .label-ios;
}

3
src/core/courses/pages/dashboard/dashboard.scss
View File

@ -10,9 +10,6 @@ ion-app.app-root page-core-courses-dashboard {
max-height: $toolbar-ios-height - 24;
}
.toolbar-title-wp .core-header-logo {
max-height: $toolbar-wp-height - 24;
}
.toolbar-title core-format-text {
display: none;
}

2
src/core/mainmenu/pages/menu/menu.scss
View File

@ -9,7 +9,6 @@ ion-app.app-root page-core-mainmenu {
.ion-md-fa-graduation-cap,
.ion-ios-fa-graduation-cap,
.ion-ios-fa-graduation-cap-outline,
.ion-wp-fa-graduation-cap,
.ion-fa-graduation-cap {
@extend .fa-graduation-cap;
@extend .fa;
@ -29,7 +28,6 @@ ion-app.app-root page-core-mainmenu {
.ion-md-fa-newspaper-o,
.ion-ios-fa-newspaper-o,
.ion-ios-fa-newspaper-o-outline,
.ion-wp-fa-newspaper-o,
.ion-fa-newspaper-o {
@extend .fa-newspaper-o;
@extend .fa;

32
src/core/mainmenu/pages/more/more.scss
View File

@ -2,19 +2,14 @@ ion-app.app-root page-core-mainmenu-more {
$core-more-icon: $gray-darker !default;
$core-more-background-ios: $list-ios-background-color !default;
$core-more-background-md: $list-md-background-color !default;
$core-more-background-wp: $item-wp-body-background-color !default;
$core-more-activated-background-ios: color-shade($core-more-background-ios) !default;
$core-more-activated-background-md: color-shade($core-more-background-md) !default;
$core-more-activated-background-wp: color-shade($core-more-background-wp) !default;
$core-more-divider-ios: $item-ios-divider-background !default;
$core-more-divider-md: $item-md-divider-background !default;
$core-more-divider-wp: $item-wp-divider-background !default;
$core-more-border-ios: $list-ios-border-color !default;
$core-more-border-md: $list-md-border-color !default;
$core-more-border-wp: $list-wp-border-color !default;
$core-more-color-ios: $list-ios-text-color!default;
$core-more-color-md: $list-md-text-color !default;
$core-more-color-wp: $item-wp-body-text-color !default;
.item-block {
&.item-ios {
@ -39,17 +34,6 @@ ion-app.app-root page-core-mainmenu-more {
border-bottom: 1px solid $core-more-border-md;
}
}
&.item-wp {
background-color: $core-more-background-wp;
color: $core-more-color-wp;
p {
color: $core-more-color-wp;
}
.item-inner {
border-bottom: 1px solid $core-more-border-wp;
}
}
&.activated {
&.item-ios {
@ -58,9 +42,6 @@ ion-app.app-root page-core-mainmenu-more {
&.item-md {
background-color: $core-more-activated-background-md;
}
&.item-wp {
background-color: $core-more-activated-background-wp;
}
}
}
@ -77,10 +58,6 @@ ion-app.app-root page-core-mainmenu-more {
background-color: $core-more-divider-md;
border-bottom: $core-more-border-md;
}
&.item-wp {
background-color: $core-more-divider-wp;
}
}
@include darkmode() {
@ -90,8 +67,7 @@ ion-app.app-root page-core-mainmenu-more {
.item-divider {
&.item-ios,
&.item-md,
&.item-wp {
&.item-md {
color: $core-dark-text-color;
background-color: $core-dark-item-divider-bg-color;
}
@ -99,8 +75,7 @@ ion-app.app-root page-core-mainmenu-more {
.item-block {
&.item-ios,
&.item-md,
&.item-wp {
&.item-md {
color: $core-dark-text-color;
background-color: $core-dark-item-bg-color;
p {
@ -116,9 +91,6 @@ ion-app.app-root page-core-mainmenu-more {
&.item-md {
background-color: $core-more-activated-background-md;
}
&.item-wp {
background-color: $core-more-activated-background-wp;
}
}
}
}

5
src/core/search/components/search-box/search-box.scss
View File

@ -22,11 +22,6 @@ ion-app.app-root core-search-box {
padding-left: 0 !important;
}
.item-wp .text-input {
border: 0;
margin: 0;
}
.core-search-history {
max-height: calc(-120px + 80vh);
overflow-y: auto;

16
src/theme/dark.scss
View File

@ -65,8 +65,7 @@ ion-app.app-root {
@each $color-name, $color-base, $color-contrast in get-colors($colors-dark) {
.icon-md-#{$color-name},
.icon-ios-#{$color-name},
.icon-wp-#{$color-name} {
.icon-ios-#{$color-name} {
color: $color-base;
}
}
@ -83,16 +82,14 @@ ion-app.app-root {
.item.activated {
&.item-ios,
&.item-md,
&.item-wp {
&.item-md {
background-color: $core-dark-background-color;
}
}
.content,
.content-md,
.content-ios,
.content-wp {
.content-ios {
color: $core-dark-text-color;
background-color: $core-dark-background-color;
}
@ -100,7 +97,6 @@ ion-app.app-root {
.button,
.button-md-light,
.button-ios-light,
.button-wp-light,
.button-outline {
ion-icon {
color: inherit;
@ -108,15 +104,13 @@ ion-app.app-root {
}
.toolbar-md-light .toolbar-background,
.toolbar-ios-light .toolbar-background,
.toolbar-wp-light .toolbar-background {
.toolbar-ios-light .toolbar-background {
background-color: $core-dark-item-divider-bg-color;
color: $core-dark-text-color;
}
.button.button-clear-md-dark,
.button.button-clear-ios-dark,
.button.button-clear-wp-dark {
.button.button-clear-ios-dark {
.button-inner ion-icon {
color: $core-dark-text-color;
}

43
src/theme/variables.scss
View File

@ -157,7 +157,6 @@ $alert-input-placeholder-color: $core-placeholder-color !default;
$core-datetime-ios-placeholder-color: $core-placeholder-color !default;
$searchbar-ios-input-placeholder-color: $core-placeholder-color !default;
$searchbar-md-input-placeholder-color: $core-placeholder-color !default;
$searchbar-wp-input-placeholder-color: $core-placeholder-color !default;
$text-input-placeholder-color: $core-placeholder-color !default;
$core-select-color: $core-color !default;
@ -249,29 +248,6 @@ $action-sheet-md-button-text-color: $black !default;
$item-md-divider-background: $item-divider-background;
$item-md-divider-color: $item-divider-color;
// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here
$text-input-wp-show-focus-highlight: true;
$item-wp-detail-push-show: true;
$item-wp-avatar-size: $item-avatar-size;
$loading-wp-spinner-color: $core-loading-spinner-color;
$spinner-wp-circles-color: $core-spinner-color;
$tabs-wp-tab-color-inactive: $tabs-tab-color-inactive;
$button-wp-outline-background-color: $core-button-outline-background-color;
$select-wp-placeholder-color: $core-select-color !default;
$datetime-wp-placeholder-color: $core-datetime-ios-placeholder-color !default;
$label-wp-text-color: $text-color !default;
$radio-wp-disabled-opacity: $input-select-opacity !default;
$checkbox-wp-disabled-opacity: $input-select-opacity !default;
$toggle-wp-disabled-opacity: $input-select-opacity !default;
$note-wp-color: $note-color;
$popover-wp-width: $popover-width;
$action-sheet-wp-title-color: $core-action-sheet-color;
$action-sheet-wp-button-text-color: $black !default;
$item-wp-divider-background: $item-divider-background;
$item-wp-divider-color: $item-divider-color;
// Font sizes
// ---------------------------------------------------
@ -491,10 +467,6 @@ $core-dd-question-colors: $white, $blue-light, #DCDCDC, #D8BFD8, #87CEFA, #DAA52
height: calc(100% - #{($card-ios-margin-bottom + $card-ios-margin-top)});
width: calc(100% - #{($card-md-margin-end + $card-md-margin-start)});
}
&.card-wp, .card-wp {
height: calc(100% - #{($card-wp-margin-bottom + $card-wp-margin-top)});
width: calc(100% - #{($card-md-margin-end + $card-md-margin-start)});
}
&.card-md {
margin-top: $card-md-margin-top;
margin-bottom: $card-md-margin-bottom;
@ -503,10 +475,6 @@ $core-dd-question-colors: $white, $blue-light, #DCDCDC, #D8BFD8, #87CEFA, #DAA52
margin-top: $card-ios-margin-top;
margin-bottom: $card-ios-margin-bottom;
}
&.card-wp {
margin-top: $card-wp-margin-top;
margin-bottom: $card-wp-margin-bottom;
}
&.card, .card {
@media (max-width: 360px) {
@ -555,10 +523,6 @@ $core-dd-question-colors: $white, $blue-light, #DCDCDC, #D8BFD8, #87CEFA, #DAA52
border-bottom: $hairlines-width solid $list-ios-border-color;
}
.item-wp.item-block > .item-inner {
border-bottom: 1px solid $list-wp-border-color;
}
&:last-child .item > .item-inner {
border-bottom: 0;
}
@ -573,10 +537,6 @@ $core-dd-question-colors: $white, $blue-light, #DCDCDC, #D8BFD8, #87CEFA, #DAA52
border-bottom: $hairlines-width solid $list-ios-border-color;
}
&.item-wp.item-block > .item-inner {
border-bottom: 1px solid $list-wp-border-color;
}
&:last-child > .item-inner {
border-bottom: 0;
}
@ -591,9 +551,6 @@ $core-dd-question-colors: $white, $blue-light, #DCDCDC, #D8BFD8, #87CEFA, #DAA52
&.item-ios {
@include padding-horizontal($item-ios-padding-start - 5px, null);
}
&.item-wp {
@include padding-horizontal($item-wp-padding-start - 5px, null);
}
}