mirror of
https://github.com/kuaifan/dootask.git
synced 2026-10-29 22:10:42 +00:00
style(mobile): 统一项目与通讯录顶部团队按钮样式,加宽点击区域,项目选择团队后图标高亮
This commit is contained in:
parent
02ebbc1c96
commit
e68cb6f322
@ -14,6 +14,7 @@
|
||||
<div
|
||||
v-if="ownerViewAvailable"
|
||||
class="owner-view-button"
|
||||
:class="{active: departmentOwnerProjectViewEnabled}"
|
||||
@click="departmentOwnerViewShow=true">
|
||||
<i class="taskfont"></i>
|
||||
<em v-if="departmentOwnerProjectViewEnabled">{{ownerDepartmentIds.length}}</em>
|
||||
|
||||
@ -31,7 +31,6 @@
|
||||
<div
|
||||
v-if="tabActive==='contacts'"
|
||||
class="search-mode"
|
||||
:class="{active: contactsViewMode==='department'}"
|
||||
:title="$L(contactsViewMode==='department' ? '按字母显示' : '按部门显示')"
|
||||
@click="toggleContactsView">
|
||||
<i v-if="contactsViewMode==='department'" class="taskfont"></i>
|
||||
|
||||
@ -58,20 +58,23 @@
|
||||
}
|
||||
}
|
||||
|
||||
// 与通讯录的部门切换按钮保持一致
|
||||
.owner-view-button {
|
||||
position: relative;
|
||||
width: 32px;
|
||||
width: 40px;
|
||||
height: 32px;
|
||||
margin-left: 8px;
|
||||
flex-shrink: 0;
|
||||
border-radius: 12px;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgba(47, 128, 237, 0.08);
|
||||
color: #808695;
|
||||
cursor: pointer;
|
||||
&.active {
|
||||
color: #84C56A;
|
||||
}
|
||||
> i {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
}
|
||||
> em {
|
||||
position: absolute;
|
||||
|
||||
@ -23,7 +23,7 @@
|
||||
flex-shrink: 0;
|
||||
.search-mode {
|
||||
flex-shrink: 0;
|
||||
width: 32px;
|
||||
width: 40px;
|
||||
height: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -35,10 +35,6 @@
|
||||
.team {
|
||||
font-size: 20px;
|
||||
}
|
||||
&:hover,
|
||||
&.active {
|
||||
color: #84C56A;
|
||||
}
|
||||
}
|
||||
.search-wrapper {
|
||||
flex: 1;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user