Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[DE mobile] Fix Bug 55762

Browse source
This commit is contained in:
SergeyEzhin 2022-03-10 00:32:42 +04:00
parent 77dbb42e72
commit 027a1b3a3b
3 changed files with 42 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/common/mobile/resources/less/colors-table-dark.less
View file

@ -5,7 +5,7 @@
--background-primary: #232323;
--background-secondary: #333;
--background-tertiary: #131313;
--background-menu-divider: fade(#545458, 65%);
--background-menu-divider: fade(#545458, 50%);
--background-button: #333333;
--text-normal: fade(#FFF, 87%);

2
apps/common/mobile/resources/less/colors-table.less
View file

@ -10,7 +10,7 @@
--background-primary: #FFF;
--background-secondary: #FFF;
--background-tertiary: #EFF0F5;
--background-menu-divider: fade(#3C3C43, 36%);
--background-menu-divider: fade(#3C3C43, 15%);
--background-button: #EFF0F5;
--text-normal: #000000;

69
apps/documenteditor/mobile/src/less/app.less
View file

@ -1,6 +1,4 @@
@import '../../../../../vendor/framework7-react/node_modules/framework7/less/mixins.less';
@import '../../../../common/mobile/resources/less/_mixins.less';
@import '../../../../common/mobile/resources/less/colors-table.less';
@import '../../../../common/mobile/resources/less/colors-table-dark.less';
@ -11,15 +9,9 @@
--toolbar-background: var(--background-primary, #FFF);
--toolbar-segment: var(--brand-word, #446995);
--toolbar-icons: var(--brand-word, #446995);
--f7-calendar-week-header-bg-color: var(--background-secondary);
--f7-calendar-week-header-text-color: var(--text-normal);
--f7-calendar-week-header-bg-color: var(--background-secondary);
--f7-calendar-day-text-color: var(--text-normal);
--f7-calendar-week-header-bg-color: var(--background-secondary);
--f7-calendar-today-bg-color: var(--brand-word);
--f7-toolbar-border-color: rgba(var(--background-menu-divider), .5);
--f7-bars-border-color: rgba(var(--background-menu-divider), .5);
--f7-calendar-row-border-color: rgba(var(--background-menu-divider), .5);
--f7-toolbar-border-color: var(--background-menu-divider);
--f7-bars-border-color: var(--background-menu-divider);
--f7-calendar-row-border-color: var(--background-menu-divider);
}
.device-android {
@ -185,32 +177,51 @@
i.icon.icon-next, i.icon.icon-prev {
background-color: @text-normal;
}
&:after {
background-color: @background-menu-divider;
}
}
.calendar-row {
padding: 0 16px;
&:before {
display: none;
}
}
.current-year-value, .current-month-value {
color: @text-normal;
font-size: 16px;
}
.calendar-day-selected .calendar-day-number {
background-color: transparent;
border: 1px solid @brandColor;
color: @text-normal;
}
.calendar-day-number {
color: @text-normal;
}
.calendar-week-header {
background-color: @background-secondary;
color: @text-normal;
.calendar-week-day {
color: rgba(var(--text-normal), .56);
}
}
.calendar-week-header {
margin-top: 27px;
margin-bottom: 5px;
border: 1px solid transparent;
background-color: @brandColor;
color: @fill-white;
}
.calendar-day-today .calendar-day-number {
border: 1px solid @brandColor;
background-color: transparent;
}
.calendar-day-number {
color: @text-normal;
font-size: 14px;
font-weight: 500;
width: 47px;
height: 32px;
border-radius: 16px;
}
.calendar-week-header {
margin: 25px 16px 10px 16px;
background-color: @background-secondary;
color: @text-normal;
border-bottom: 1px solid @background-menu-divider;
padding-bottom: 5px;
height: auto;
.calendar-week-day {
color: @text-normal;
font-size: 12px;
}
}
.calendar-months {
margin-bottom: 12px;
}
}