github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-28 04:40:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
kuaifan 2022-05-30 17:06:39 +08:00
parent dea04429de
commit afff590fa5
4 changed files with 57 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
resources/assets/js/pages/manage/components/ProjectList.vue
View File

@ -22,6 +22,7 @@
v-for="(item, key) in projectLists"
:key="key"
:data-id="item.id"
:class="{operate: item.id == operateItem.id && operateVisible}"
v-longpress="handleLongpress"
@click="toggleRoute('project', {projectId: item.id})">
<div class="project-item">
@ -147,8 +148,10 @@ export default {
},
toggleRoute(path, params) {
let location = {name: 'manage-' + path, params: params || {}};
this.goForward(location);
if (this.operateVisible) {
return
}
this.goForward({name: 'manage-' + path, params: params || {}});
},
modalPercent(item) {

6
resources/assets/sass/pages/components/project-list.scss vendored
View File

@ -56,10 +56,11 @@
background-color: #f8f8f8;
user-select: none;
> li {
padding: 16px;
padding: 14px;
margin: 16px;
border-radius: 12px;
background-color: #ffffff;
border: 2px solid transparent;
list-style: none;
&.nothing,
&.loading {
@ -80,6 +81,9 @@
margin: 1px;
}
}
&.operate {
border-color: $primary-color;
}
.project-item {
display: flex;
align-items: center;

17
resources/assets/sass/pages/page-calendar.scss vendored
View File

@ -210,6 +210,23 @@
.calendar-box {
padding: 0 24px 5px;
user-select: none;
.calendar-wrapper {
.tui-full-calendar-popup {
font-weight: normal;
}
.tui-full-calendar-section-button {
> button {
.tui-full-calendar-icon {
width: 14px;
height: 14px;
background-size: 14px;
}
.tui-full-calendar-content {
font-size: 14px;
}
}
}
}
}
}
}

48
resources/assets/sass/scrollbar.scss vendored
View File

@ -1,43 +1,55 @@
.scrollbar-overlay {
overflow-y: auto;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
/* 滚动条美化 */
&::-webkit-scrollbar {
width: 10px;
height: 10px;
width: 12px;
height: 12px;
}
/*滚动条滑块隐藏*/
&::-webkit-scrollbar-thumb {
border-radius: 10px;
border-radius: 12px;
background: rgba(0, 0, 0, 0);
}
/*按下滚动条，颜色加深*/
&::-webkit-scrollbar-thumb:active {
border-radius: 10px;
border-radius: 12px;
background: rgba(0, 0, 0, .5);
}
/*鼠标浮到容器上，让该容器的滚动条滑块显示*/
&:hover::-webkit-scrollbar-thumb {
border: 2px solid transparent;
background: rgba(0, 0, 0, .2);
background-clip: content-box;
}
/*鼠标浮到容器上，让该容器的滚动条滑块显示*/
&:hover::-webkit-scrollbar-thumb:hover {
border-top-width: 0;
border-bottom-width: 0;
}
/*滚动条轨道*/
&::-webkit-scrollbar-track {
border-radius: 10px;
border-radius: 12px;
background: rgba(0, 0, 0, 0);
}
/*鼠标浮到容器上*/
&:hover {
/*让该容器的滚动条滑块显示*/
&::-webkit-scrollbar-thumb {
border: 3px solid transparent;
background: rgba(0, 0, 0, .2);
background-clip: content-box;
}
/*让该容器的滚动条滑块显示*/
&::-webkit-scrollbar-thumb:hover {
border: 2px solid transparent;
background: rgba(0, 0, 0, .2);
background-clip: content-box;
}
/*按下滚动条，颜色加深*/
&::-webkit-scrollbar-thumb:active {
border: 2px solid transparent;
background: rgba(0, 0, 0, .5);
background-clip: content-box;
}
}
}
.scrollbar-hidden {