mirror of
https://github.com/kuaifan/dootask.git
synced 2026-02-28 21:20:31 +00:00
no message
This commit is contained in:
parent
1f8198b36b
commit
d47a514b09
@ -209,11 +209,19 @@ export default {
|
||||
this.calendarWeek = {daynames};
|
||||
this.calendarMonth = {daynames};
|
||||
this.calendarTheme = {
|
||||
'common.border': '1px solid #f4f5f5',
|
||||
'common.border': '1px solid rgba(0,0,0,0)',
|
||||
'month.dayname.fontSize': '14px',
|
||||
'month.dayname.borderLeft': '1px solid #f4f5f5',
|
||||
'month.dayname.borderLeft': '1px solid rgba(0,0,0,0)',
|
||||
'month.dayname.height': '50px',
|
||||
}
|
||||
if (this.$isDesktop) {
|
||||
this.calendarTheme = {
|
||||
'common.border': '1px solid #f4f5f5',
|
||||
'month.dayname.fontSize': '14px',
|
||||
'month.dayname.borderLeft': '1px solid #f4f5f5',
|
||||
'month.dayname.height': '50px',
|
||||
}
|
||||
}
|
||||
this.calendarTemplate = {
|
||||
titlePlaceholder: () => {
|
||||
return this.$L("任务描述")
|
||||
|
||||
@ -278,8 +278,12 @@ export default {
|
||||
|
||||
boxClass() {
|
||||
const array = [];
|
||||
if (this.recordState === 'ing' && this.recordDuration > 0) {
|
||||
array.push('record-ing');
|
||||
if (this.recordState === 'ing') {
|
||||
if (this.recordDuration === 0) {
|
||||
array.push('record-ing');
|
||||
} else {
|
||||
array.push('record-progress');
|
||||
}
|
||||
}
|
||||
if (this.mentionMode) {
|
||||
array.push(this.mentionMode);
|
||||
|
||||
@ -6,6 +6,21 @@
|
||||
width: 100%;
|
||||
|
||||
&.record-ing {
|
||||
.chat-input-wrapper {
|
||||
.chat-toolbar {
|
||||
> li {
|
||||
&.chat-send {
|
||||
&:before {
|
||||
transition: all 1s ease;
|
||||
transform: translate(-50%, -50%) scale(2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.record-progress {
|
||||
.chat-input-wrapper {
|
||||
.ql-container {
|
||||
opacity: 0;
|
||||
@ -14,7 +29,8 @@
|
||||
> li {
|
||||
&.chat-send {
|
||||
&:before {
|
||||
transform: translate(-50%, -50%) scale(1.5);
|
||||
transition: all 0.3s ease;
|
||||
transform: translate(-50%, -50%) scale(2.5);
|
||||
}
|
||||
}
|
||||
&.chat-record-recwave {
|
||||
@ -139,6 +155,7 @@
|
||||
left: 50%;
|
||||
z-index: 3;
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
transition: all 0.3s ease;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
@ -7,6 +7,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #ffffff;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
|
||||
.vue-recycle-scroller.direction-vertical:not(.page-mode) {
|
||||
|
||||
@ -179,18 +179,18 @@
|
||||
color: $flow-status-start-color;
|
||||
}
|
||||
&.progress {
|
||||
background-color: rgba($flow-status-progress-color, 0.1);;
|
||||
border-color: rgba($flow-status-progress-color, 0.1);;
|
||||
background-color: rgba($flow-status-progress-color, 0.1);
|
||||
border-color: rgba($flow-status-progress-color, 0.1);
|
||||
color: $flow-status-progress-color;
|
||||
}
|
||||
&.test {
|
||||
background-color: rgba($flow-status-test-color, 0.1);;
|
||||
border-color: rgba($flow-status-test-color, 0.1);;
|
||||
background-color: rgba($flow-status-test-color, 0.1);
|
||||
border-color: rgba($flow-status-test-color, 0.1);
|
||||
color: $flow-status-test-color;
|
||||
}
|
||||
&.end {
|
||||
background-color: rgba($flow-status-end-color, 0.1);;
|
||||
border-color: rgba($flow-status-end-color, 0.1);;
|
||||
background-color: rgba($flow-status-end-color, 0.1);
|
||||
border-color: rgba($flow-status-end-color, 0.1);
|
||||
color: $flow-status-end-color;
|
||||
}
|
||||
}
|
||||
@ -419,18 +419,18 @@
|
||||
color: $flow-status-start-color;
|
||||
}
|
||||
&.progress {
|
||||
background-color: rgba($flow-status-progress-color, 0.1);;
|
||||
border-color: rgba($flow-status-progress-color, 0.1);;
|
||||
background-color: rgba($flow-status-progress-color, 0.1);
|
||||
border-color: rgba($flow-status-progress-color, 0.1);
|
||||
color: $flow-status-progress-color;
|
||||
}
|
||||
&.test {
|
||||
background-color: rgba($flow-status-test-color, 0.1);;
|
||||
border-color: rgba($flow-status-test-color, 0.1);;
|
||||
background-color: rgba($flow-status-test-color, 0.1);
|
||||
border-color: rgba($flow-status-test-color, 0.1);
|
||||
color: $flow-status-test-color;
|
||||
}
|
||||
&.end {
|
||||
background-color: rgba($flow-status-end-color, 0.1);;
|
||||
border-color: rgba($flow-status-end-color, 0.1);;
|
||||
background-color: rgba($flow-status-end-color, 0.1);
|
||||
border-color: rgba($flow-status-end-color, 0.1);
|
||||
color: $flow-status-end-color;
|
||||
}
|
||||
}
|
||||
@ -787,18 +787,18 @@
|
||||
color: $flow-status-start-color;
|
||||
}
|
||||
&.progress {
|
||||
background-color: rgba($flow-status-progress-color, 0.1);;
|
||||
border-color: rgba($flow-status-progress-color, 0.1);;
|
||||
background-color: rgba($flow-status-progress-color, 0.1);
|
||||
border-color: rgba($flow-status-progress-color, 0.1);
|
||||
color: $flow-status-progress-color;
|
||||
}
|
||||
&.test {
|
||||
background-color: rgba($flow-status-test-color, 0.1);;
|
||||
border-color: rgba($flow-status-test-color, 0.1);;
|
||||
background-color: rgba($flow-status-test-color, 0.1);
|
||||
border-color: rgba($flow-status-test-color, 0.1);
|
||||
color: $flow-status-test-color;
|
||||
}
|
||||
&.end {
|
||||
background-color: rgba($flow-status-end-color, 0.1);;
|
||||
border-color: rgba($flow-status-end-color, 0.1);;
|
||||
background-color: rgba($flow-status-end-color, 0.1);
|
||||
border-color: rgba($flow-status-end-color, 0.1);
|
||||
color: $flow-status-end-color;
|
||||
}
|
||||
}
|
||||
@ -1005,13 +1005,13 @@
|
||||
background-color: rgba($flow-status-start-color, 0.1);
|
||||
}
|
||||
&.progress {
|
||||
background-color: rgba($flow-status-progress-color, 0.1);;
|
||||
background-color: rgba($flow-status-progress-color, 0.1);
|
||||
}
|
||||
&.test {
|
||||
background-color: rgba($flow-status-test-color, 0.1);;
|
||||
background-color: rgba($flow-status-test-color, 0.1);
|
||||
}
|
||||
&.end {
|
||||
background-color: rgba($flow-status-end-color, 0.1);;
|
||||
background-color: rgba($flow-status-end-color, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -70,18 +70,18 @@
|
||||
color: $flow-status-start-color;
|
||||
}
|
||||
&.progress {
|
||||
background-color: rgba($flow-status-progress-color, 0.1);;
|
||||
border-color: rgba($flow-status-progress-color, 0.1);;
|
||||
background-color: rgba($flow-status-progress-color, 0.1);
|
||||
border-color: rgba($flow-status-progress-color, 0.1);
|
||||
color: $flow-status-progress-color;
|
||||
}
|
||||
&.test {
|
||||
background-color: rgba($flow-status-test-color, 0.1);;
|
||||
border-color: rgba($flow-status-test-color, 0.1);;
|
||||
background-color: rgba($flow-status-test-color, 0.1);
|
||||
border-color: rgba($flow-status-test-color, 0.1);
|
||||
color: $flow-status-test-color;
|
||||
}
|
||||
&.end {
|
||||
background-color: rgba($flow-status-end-color, 0.1);;
|
||||
border-color: rgba($flow-status-end-color, 0.1);;
|
||||
background-color: rgba($flow-status-end-color, 0.1);
|
||||
border-color: rgba($flow-status-end-color, 0.1);
|
||||
color: $flow-status-end-color;
|
||||
}
|
||||
}
|
||||
@ -437,15 +437,15 @@
|
||||
color: $flow-status-start-color;
|
||||
}
|
||||
&.progress {
|
||||
background-color: rgba($flow-status-progress-color, 0.1);;
|
||||
background-color: rgba($flow-status-progress-color, 0.1);
|
||||
color: $flow-status-progress-color;
|
||||
}
|
||||
&.test {
|
||||
background-color: rgba($flow-status-test-color, 0.1);;
|
||||
background-color: rgba($flow-status-test-color, 0.1);
|
||||
color: $flow-status-test-color;
|
||||
}
|
||||
&.end {
|
||||
background-color: rgba($flow-status-end-color, 0.1);;
|
||||
background-color: rgba($flow-status-end-color, 0.1);
|
||||
color: $flow-status-end-color;
|
||||
}
|
||||
|
||||
|
||||
@ -75,18 +75,18 @@
|
||||
color: $flow-status-start-color;
|
||||
}
|
||||
&.progress {
|
||||
background-color: rgba($flow-status-progress-color, 0.1);;
|
||||
border-color: rgba($flow-status-progress-color, 0.1);;
|
||||
background-color: rgba($flow-status-progress-color, 0.1);
|
||||
border-color: rgba($flow-status-progress-color, 0.1);
|
||||
color: $flow-status-progress-color;
|
||||
}
|
||||
&.test {
|
||||
background-color: rgba($flow-status-test-color, 0.1);;
|
||||
border-color: rgba($flow-status-test-color, 0.1);;
|
||||
background-color: rgba($flow-status-test-color, 0.1);
|
||||
border-color: rgba($flow-status-test-color, 0.1);
|
||||
color: $flow-status-test-color;
|
||||
}
|
||||
&.end {
|
||||
background-color: rgba($flow-status-end-color, 0.1);;
|
||||
border-color: rgba($flow-status-end-color, 0.1);;
|
||||
background-color: rgba($flow-status-end-color, 0.1);
|
||||
border-color: rgba($flow-status-end-color, 0.1);
|
||||
color: $flow-status-end-color;
|
||||
}
|
||||
}
|
||||
@ -364,18 +364,18 @@
|
||||
color: $flow-status-start-color;
|
||||
}
|
||||
&.progress {
|
||||
background-color: rgba($flow-status-progress-color, 0.1);;
|
||||
border-color: rgba($flow-status-progress-color, 0.1);;
|
||||
background-color: rgba($flow-status-progress-color, 0.1);
|
||||
border-color: rgba($flow-status-progress-color, 0.1);
|
||||
color: $flow-status-progress-color;
|
||||
}
|
||||
&.test {
|
||||
background-color: rgba($flow-status-test-color, 0.1);;
|
||||
border-color: rgba($flow-status-test-color, 0.1);;
|
||||
background-color: rgba($flow-status-test-color, 0.1);
|
||||
border-color: rgba($flow-status-test-color, 0.1);
|
||||
color: $flow-status-test-color;
|
||||
}
|
||||
&.end {
|
||||
background-color: rgba($flow-status-end-color, 0.1);;
|
||||
border-color: rgba($flow-status-end-color, 0.1);;
|
||||
background-color: rgba($flow-status-end-color, 0.1);
|
||||
border-color: rgba($flow-status-end-color, 0.1);
|
||||
color: $flow-status-end-color;
|
||||
}
|
||||
}
|
||||
|
||||
@ -87,18 +87,18 @@
|
||||
color: $flow-status-start-color;
|
||||
}
|
||||
&.progress {
|
||||
background-color: rgba($flow-status-progress-color, 0.1);;
|
||||
border-color: rgba($flow-status-progress-color, 0.1);;
|
||||
background-color: rgba($flow-status-progress-color, 0.1);
|
||||
border-color: rgba($flow-status-progress-color, 0.1);
|
||||
color: $flow-status-progress-color;
|
||||
}
|
||||
&.test {
|
||||
background-color: rgba($flow-status-test-color, 0.1);;
|
||||
border-color: rgba($flow-status-test-color, 0.1);;
|
||||
background-color: rgba($flow-status-test-color, 0.1);
|
||||
border-color: rgba($flow-status-test-color, 0.1);
|
||||
color: $flow-status-test-color;
|
||||
}
|
||||
&.end {
|
||||
background-color: rgba($flow-status-end-color, 0.1);;
|
||||
border-color: rgba($flow-status-end-color, 0.1);;
|
||||
background-color: rgba($flow-status-end-color, 0.1);
|
||||
border-color: rgba($flow-status-end-color, 0.1);
|
||||
color: $flow-status-end-color;
|
||||
}
|
||||
}
|
||||
|
||||
12
resources/assets/sass/pages/page-dashboard.scss
vendored
12
resources/assets/sass/pages/page-dashboard.scss
vendored
@ -192,18 +192,18 @@
|
||||
color: $flow-status-start-color;
|
||||
}
|
||||
&.progress {
|
||||
background-color: rgba($flow-status-progress-color, 0.1);;
|
||||
border-color: rgba($flow-status-progress-color, 0.1);;
|
||||
background-color: rgba($flow-status-progress-color, 0.1);
|
||||
border-color: rgba($flow-status-progress-color, 0.1);
|
||||
color: $flow-status-progress-color;
|
||||
}
|
||||
&.test {
|
||||
background-color: rgba($flow-status-test-color, 0.1);;
|
||||
border-color: rgba($flow-status-test-color, 0.1);;
|
||||
background-color: rgba($flow-status-test-color, 0.1);
|
||||
border-color: rgba($flow-status-test-color, 0.1);
|
||||
color: $flow-status-test-color;
|
||||
}
|
||||
&.end {
|
||||
background-color: rgba($flow-status-end-color, 0.1);;
|
||||
border-color: rgba($flow-status-end-color, 0.1);;
|
||||
background-color: rgba($flow-status-end-color, 0.1);
|
||||
border-color: rgba($flow-status-end-color, 0.1);
|
||||
color: $flow-status-end-color;
|
||||
}
|
||||
}
|
||||
|
||||
12
resources/assets/sass/pages/page-manage.scss
vendored
12
resources/assets/sass/pages/page-manage.scss
vendored
@ -363,18 +363,18 @@
|
||||
color: $flow-status-start-color;
|
||||
}
|
||||
&.progress {
|
||||
background-color: rgba($flow-status-progress-color, 0.1);;
|
||||
border-color: rgba($flow-status-progress-color, 0.1);;
|
||||
background-color: rgba($flow-status-progress-color, 0.1);
|
||||
border-color: rgba($flow-status-progress-color, 0.1);
|
||||
color: $flow-status-progress-color;
|
||||
}
|
||||
&.test {
|
||||
background-color: rgba($flow-status-test-color, 0.1);;
|
||||
border-color: rgba($flow-status-test-color, 0.1);;
|
||||
background-color: rgba($flow-status-test-color, 0.1);
|
||||
border-color: rgba($flow-status-test-color, 0.1);
|
||||
color: $flow-status-test-color;
|
||||
}
|
||||
&.end {
|
||||
background-color: rgba($flow-status-end-color, 0.1);;
|
||||
border-color: rgba($flow-status-end-color, 0.1);;
|
||||
background-color: rgba($flow-status-end-color, 0.1);
|
||||
border-color: rgba($flow-status-end-color, 0.1);
|
||||
color: $flow-status-end-color;
|
||||
}
|
||||
}
|
||||
|
||||
12
resources/assets/sass/pages/page-messenger.scss
vendored
12
resources/assets/sass/pages/page-messenger.scss
vendored
@ -300,7 +300,17 @@
|
||||
margin-bottom: 6px;
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
border-bottom: 1px solid #efefef;
|
||||
position: relative;
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
height: 1px;
|
||||
background-color: #f2f2f2;
|
||||
transform: scaleY(0.5);
|
||||
}
|
||||
}
|
||||
&.nothing,
|
||||
&.loading {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user