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

Correct and add styles

Browse source
This commit is contained in:
ShimaginAndrey 2021-11-12 10:37:06 +03:00
parent c9aa0168e2
commit f24d9c2ff4
11 changed files with 49 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
apps/common/mobile/resources/less/about.less
View file

@ -1,4 +1,4 @@
@text-normal: #000; // @text-normal: #000;
// @common-image-about-path - defined in webpack config // @common-image-about-path - defined in webpack config
.about { .about {
@ -14,13 +14,14 @@
margin: 0 auto 15px; margin: 0 auto 15px;
a { a {
color: @text-normal; // color: @text-normal;
} }
} }
h3 { h3 {
font-weight: normal; font-weight: normal;
margin: 0; margin: 0;
color: @text-secondary;
&.vendor { &.vendor {
color: @text-normal; color: @text-normal;
@ -31,6 +32,7 @@
p > label { p > label {
margin-right: 5px; margin-right: 5px;
color: @text-secondary;
} }
.logo { .logo {

2
apps/common/mobile/resources/less/comments.less
View file

@ -93,7 +93,7 @@
font-size: 14px; font-size: 14px;
} }
.comment-text, .reply-text { .comment-text, .reply-text {
color: @black; color: @text-normal;
font-size: 14px; font-size: 14px;
line-height: 25px; line-height: 25px;
margin: 0; margin: 0;

34
apps/common/mobile/resources/less/common-ios.less
View file

@ -130,9 +130,12 @@
--f7-list-item-title-text-color: @text-normal; --f7-list-item-title-text-color: @text-normal;
--f7-label-text-color: @text-normal; --f7-label-text-color: @text-normal;
--f7-list-item-after-text-color: @text-normal; --f7-list-item-after-text-color: @text-normal;
--f7-input-text-color: @text-normal;
--f7-input-text-color: @text-secondary;
--f7-block-title-text-color: @text-secondary; --f7-block-title-text-color: @text-secondary;
--f7-input-placeholder-color: @text-secondary; --f7-input-placeholder-color: @text-secondary;
--f7-list-item-text-text-color: @text-secondary;
--f7-list-item-subtitle-text-color: @text-secondary;
--f7-list-chevron-icon-color: @text-tertiary; --f7-list-chevron-icon-color: @text-tertiary;
@ -189,7 +192,7 @@
.thumb { .thumb {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: @white; background-color: @fill-white;
background-size: cover; background-size: cover;
label { label {
@ -329,7 +332,9 @@
border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
} }
&.tab-link-active { &.tab-link-active {
background-color: @toolbar-segment; // background: @brandColor;
// color: @fill-white;
background: @toolbar-segment;
color: @brand-text-on-brand; color: @brand-text-on-brand;
i.icon { i.icon {
background-color: @brand-text-on-brand; background-color: @brand-text-on-brand;
@ -361,21 +366,21 @@
outline: 0; outline: 0;
&.active { &.active {
background: @brandColor; background: @brandColor;
color: @white; color: @fill-white;
i.icon { i.icon {
background-color: @white; background-color: @fill-white;
} }
} }
} }
.button-fill { .button-fill {
color: @brandColor; color: @brandColor;
background-color: @white; background-color: @fill-white;
} }
.button-red { .button-red {
color: @red; color: @text-error;
background-color: @text-error; background-color: @fill-white;
} }
.buttons-list { .buttons-list {
@ -392,7 +397,7 @@
} }
.button-red .list-button { .button-red .list-button {
color: red; color: @text-error;
} }
.list-button { .list-button {
@ -414,7 +419,7 @@
.shapes { .shapes {
.page-content { .page-content {
background: @white; background: @fill-white;
} }
} }
@ -445,7 +450,7 @@
.dataview, #add-table, #add-shape, #add-slide, #add-chart { .dataview, #add-table, #add-shape, #add-slide, #add-chart {
&.page-content, .page-content { &.page-content, .page-content {
background-color: @white; background-color: @background-tertiary;
} }
} }
@ -500,11 +505,11 @@
appearance: none; appearance: none;
border-radius: 5px; border-radius: 5px;
font-family: inherit; font-family: inherit;
color: @black; color: @fill-black;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
padding: 0 8px; padding: 0 8px;
background-color: @white; background-color: @fill-white;
padding: 0 28px; padding: 0 28px;
} }
@ -571,13 +576,14 @@
.actions-button { .actions-button {
background: @background-secondary; background: @background-secondary;
--f7-actions-button-border-color: @background-menu-divider;
} }
.actions-button-text { .actions-button-text {
height: 57px; height: 57px;
line-height: 57px; line-height: 57px;
font-size: 20px; font-size: 20px;
color: @brandColor; // color: @brandColor;
white-space: normal; white-space: normal;
text-overflow: ellipsis; text-overflow: ellipsis;
} }

5
apps/common/mobile/resources/less/common-material.less
View file

@ -88,9 +88,12 @@
--f7-list-item-title-text-color: @text-normal; --f7-list-item-title-text-color: @text-normal;
--f7-label-text-color: @text-normal; --f7-label-text-color: @text-normal;
--f7-input-text-color: @text-normal;
--f7-input-text-color: @text-secondary;
--f7-block-title-text-color: @text-secondary; --f7-block-title-text-color: @text-secondary;
--f7-input-placeholder-color: @text-secondary; --f7-input-placeholder-color: @text-secondary;
--f7-list-item-text-text-color: @text-secondary;
--f7-list-item-subtitle-text-color: @text-secondary;
--f7-list-item-border-color: @background-menu-divider; --f7-list-item-border-color: @background-menu-divider;
--f7-list-chevron-icon-color: @text-tertiary; --f7-list-chevron-icon-color: @text-tertiary;

8
apps/common/mobile/resources/less/common.less
View file

@ -149,7 +149,7 @@
.content-block { .content-block {
margin: 0 auto 15px; margin: 0 auto 15px;
a { a {
color: @black; // color: @black;
} }
} }
} }
@ -166,7 +166,7 @@
.color-schemes-menu { .color-schemes-menu {
cursor: pointer; cursor: pointer;
display: block; display: block;
background-color: @white; // background-color: @white;
.item-inner { .item-inner {
justify-content: flex-start; justify-content: flex-start;
} }
@ -181,7 +181,7 @@
} }
.item-title { .item-title {
margin-left: 20px; margin-left: 20px;
color: #212121; // color: #212121;
} }
} }
@ -481,7 +481,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 100px; border-radius: 100px;
background-color: @white; background-color: @fill-white;
box-shadow: 0 4px 4px rgba(0,0,0,.25); box-shadow: 0 4px 4px rgba(0,0,0,.25);
// border-color: transparent; // border-color: transparent;
border: 0; border: 0;

7
apps/common/mobile/resources/less/ios/icons.less
View file

@ -1,6 +1,13 @@
// @common-image-header-path - defined in webpack config // @common-image-header-path - defined in webpack config
.device-ios { .device-ios {
.theme-type-dark {
i.icon {
&.icon-logo {
background: ~"url(@{common-image-header-path}/logo-android.svg)" no-repeat center;
}
}
}
i.icon { i.icon {
&.icon_mask { &.icon_mask {
background-color: white; background-color: white;

4
apps/documenteditor/mobile/src/less/app-ios.less
View file

@ -45,7 +45,7 @@
.color-schemes-menu { .color-schemes-menu {
cursor: pointer; cursor: pointer;
display: block; display: block;
background-color: #fff; // background-color: #fff;
.item-inner { .item-inner {
justify-content: flex-start; justify-content: flex-start;
} }
@ -60,7 +60,7 @@
} }
.item-title { .item-title {
margin-left: 20px; margin-left: 20px;
color: #212121; // color: #212121;
} }
} }

4
apps/documenteditor/mobile/src/less/app-material.less
View file

@ -93,7 +93,7 @@
.color-schemes-menu { .color-schemes-menu {
cursor: pointer; cursor: pointer;
display: block; display: block;
background-color: #fff; // background-color: #fff;
.item-inner { .item-inner {
justify-content: flex-start; justify-content: flex-start;
} }
@ -108,6 +108,6 @@
} }
.item-title { .item-title {
margin-left: 20px; margin-left: 20px;
color: #212121; // color: #212121;
} }
} }

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

@ -67,7 +67,7 @@
.page-review { .page-review {
--f7-toolbar-link-color: @brandColor; --f7-toolbar-link-color: @brandColor;
.toolbar { .toolbar {
background-color: @white; // background-color: @white;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
position: absolute; position: absolute;
#btn-reject-change { #btn-reject-change {
@ -83,9 +83,10 @@
} }
} }
.page-content { .page-content {
background-color: @white; // background-color: @white;
.no-changes { .no-changes {
padding: 15px; padding: 15px;
color: @text-normal;
} }
.block-description { .block-description {
padding: 15px; padding: 15px;

2
apps/documenteditor/mobile/src/less/icons-ios.less
View file

@ -495,7 +495,7 @@
&.icon-resolve-comment.check { &.icon-resolve-comment.check {
width: 30px; width: 30px;
height: 30px; height: 30px;
.encoded-svg-mask('<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V30H0V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545V8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81575 14.7407 7.34084 14.7345 7.04258 15.0228V15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="@{green}"/></svg>'); .encoded-svg-background('<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H30V30H0V0Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.6195 20.8555C11.8237 21.0673 12.1658 21.0577 12.358 20.8349L22.516 9.05783C22.7843 8.74676 22.7528 8.27781 22.4453 8.00545V8.00545C22.1315 7.72756 21.651 7.7604 21.3779 8.07839L12.3546 18.587C12.1638 18.8092 11.8238 18.8206 11.6186 18.6117L8.10643 15.0366C7.81575 14.7407 7.34084 14.7345 7.04258 15.0228V15.0228C6.74283 15.3125 6.73444 15.7903 7.02383 16.0904L11.6195 20.8555Z" fill="#40865C" fill-opacity="0.6"/></svg>');
} }
&.icon-insert-comment { &.icon-insert-comment {
width: 24px; width: 24px;

2
apps/documenteditor/mobile/src/less/icons-material.less
View file

@ -453,7 +453,7 @@
&.icon-resolve-comment.check { &.icon-resolve-comment.check {
width: 24px; width: 24px;
height: 24px; height: 24px;
.encoded-svg-mask('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#40865C" fill-opacity="0.6"/></svg>'); .encoded-svg-background('<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.1719L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.82812 12L9 16.1719Z" fill="#40865C" fill-opacity="0.6"/></svg>');
} }
&.icon-done-comment { &.icon-done-comment {
width: 24px; width: 24px;