test/MeterSphere
1
0
Fork 0
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git synced 2024-12-03 12:39:12 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

style: 添加全局滚动条样式

Browse Source
This commit is contained in:
RubyLiu 2023-09-19 10:49:02 +08:00 committed by rubylliu
parent d8473e546f
commit 133388467d
4 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/assets/style/arco-reset.less
View File

@ -554,6 +554,18 @@
background-color: var(--color-text-input-border);
}
}
.ms-scroll-bar {
&::-webkit-scrollbar {
width: 6px;
}
&::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: var(--color-text-input-border);
}
&::-webkit-scrollbar-thumb:hover {
background: var(--color-text-4);
}
}
/** 开关 **/
.arco-switch:not(.arco-switch-disabled) {

5
frontend/src/components/business/ms-user-group-comp/msUserGroupLeft.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="flex h-full flex-col overflow-y-auto px-[24px] pb-[24px]">
<div class="ms-ug-left flex h-full flex-col px-[24px] pb-[24px]">
<div class="sticky top-0 z-[999] w-[252px] bg-white pt-[24px]">
<a-input-search
:placeholder="t('system.userGroup.searchHolder')"
@ -480,9 +480,6 @@
</script>
<style lang="less" scoped>
.icon-increase {
background-color: rgb(var(--primary-7));
}
.icon-button {
display: flex;
box-sizing: border-box;

8
frontend/src/views/setting/organization/usergroup/orgUserGroup.vue
View File

@ -2,7 +2,7 @@
<div class="card">
<div class="flex h-full flex-row">
<Transition>
<div v-if="leftCollapse" class="user-group-left">
<div v-if="leftCollapse" class="user-group-left ms-scroll-bar">
<UserGroupLeft ref="ugLeftRef" @handle-select="handleSelect" />
</div>
</Transition>
@ -168,8 +168,9 @@
}
.user-group-left {
position: relative;
overflow: hidden;
width: 300px;
overflow-x: hidden;
overflow-y: auto;
padding-right: 6px;
min-width: 300px;
height: 100%;
border-right: 1px solid var(--color-border-1);
@ -177,7 +178,6 @@
.usergroup-collapse {
position: absolute;
top: 50%;
left: 300px;
z-index: 101;
display: flex;
justify-content: center;

8
frontend/src/views/setting/system/usergroup/systemUserGroup.vue
View File

@ -2,7 +2,7 @@
<div class="card">
<div class="flex h-full flex-row">
<Transition>
<div v-if="leftCollapse" class="user-group-left">
<div v-if="leftCollapse" class="user-group-left ms-scroll-bar">
<UserGroupLeft ref="ugLeftRef" @handle-select="handleSelect" />
</div>
</Transition>
@ -168,8 +168,9 @@
}
.user-group-left {
position: relative;
overflow: hidden;
width: 300px;
overflow-x: hidden;
overflow-y: auto;
padding-right: 6px;
min-width: 300px;
height: 100%;
border-right: 1px solid var(--color-border-1);
@ -177,7 +178,6 @@
.usergroup-collapse {
position: absolute;
top: 50%;
left: 300px;
z-index: 101;
display: flex;
justify-content: center;