Correct and add styles

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

View file

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

View file

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

View file

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

View file

@ -88,9 +88,12 @@
--f7-list-item-title-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-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-chevron-icon-color: @text-tertiary;

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -495,7 +495,7 @@
&.icon-resolve-comment.check {
width: 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 {
width: 24px;

View file

@ -453,7 +453,7 @@
&.icon-resolve-comment.check {
width: 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 {
width: 24px;