Correct and add styles
This commit is contained in:
parent
c9aa0168e2
commit
f24d9c2ff4
|
@ -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 {
|
||||
|
|
|
@ -93,7 +93,7 @@
|
|||
font-size: 14px;
|
||||
}
|
||||
.comment-text, .reply-text {
|
||||
color: @black;
|
||||
color: @text-normal;
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
margin: 0;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue