18069996051/mixly3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(core): 优化nav和contextMenu样式

Browse Source
This commit is contained in:
王立帮
2025-05-06 20:17:05 +08:00
parent ef36a3fa55
commit 5609fdd6f0
3 changed files with 18 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
common/css/chrome-tabs.css
View File

@@ -1,7 +1,7 @@
.chrome-tabs {
box-sizing: border-box;
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-family: "Lato", "Noto Sans SC";
font-size: 12px;
height: 46px;
padding: 5px 0px 0px 0px;

7
common/css/jquery.contextMenu.css
View File

@@ -193,9 +193,10 @@
}
.tippy-box > .tippy-content > .context-menu-list {
-webkit-box-shadow: unset;
box-shadow: unset;
border-radius: 0.25rem;
position: relative;
-webkit-box-shadow: unset;
box-shadow: unset;
border-radius: 0.25rem;
}
.context-menu-item {

44
common/templates/html/nav/nav.html
View File

@@ -12,10 +12,12 @@
}
html[data-bs-theme=light] ul[m-id="{{d.mId}}"] {
background-color: var(--app-light-color) !important;
border-bottom: 1px solid #c9c9c9;
}
html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] {
background-color: #3c3c3c !important;
border-bottom: 1px solid rgba(128, 128, 128, 0.35);
}
@@ -27,9 +29,6 @@
flex-direction: row;
align-items: center;
justify-content: center;
}
ul[m-id="{{d.mId}}"] button {
border-color: transparent;
color: #fff !important;
}
@@ -48,13 +47,11 @@
html[data-bs-theme=light] ul[m-id="{{d.mId}}"] button:hover {
box-shadow: 2px 0px 5px #7b7171;
/*box-shadow: none;*/
border-color: #19897f;
}
html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] button:hover {
box-shadow: 2px 0px 5px #303030;
/*box-shadow: none;*/
border-color: #434242;
}
@@ -75,14 +72,8 @@
max-height: calc(100vh - var(--nav-height) - 12px);
line-height: 30px;
overflow-y: auto;
}
html[data-bs-theme=light] ul[m-id="{{d.mId}}"] {
background-color: var(--app-light-color) !important;
}
html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] {
background-color: #3c3c3c !important;
top: var(--nav-height);
box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
}
ul[m-id="{{d.mId}}"] .layui-nav-item {
@@ -91,10 +82,6 @@
cursor: pointer;
}
ul[m-id="{{d.mId}}"] .layui-nav-child {
top: var(--nav-height);
}
ul[m-id="{{d.mId}}"] dl {
z-index: 1001;
}
@@ -150,8 +137,8 @@
}
ul[m-id="{{d.mId}}"] .layui-nav-item dd > a {
font-size: 14px;
line-height: 14px;
font-size: 13px;
line-height: 13px;
border-radius: 5px;
box-sizing: content-box;
padding: 5px 7px 4px 7px !important;
@@ -159,16 +146,11 @@
border-radius: 5px;
min-width: 100px;
font-family: "Lato", "Noto Sans SC";
}
ul[m-id="{{d.mId}}"] .layui-nav-item dd > a {
transition: none;
-webkit-transition: none;
}
ul[m-id="{{d.mId}}"] .layui-nav-item dd > a:hover {
transition: none;
-webkit-transition: none;
color: #fff;
}
@@ -272,33 +254,33 @@
-webkit-transition: all .3s;
}
html[data-bs-theme=light] ul[m-id="{{d.mId}}"] select + .select2 > .selection > .select2-selection {
html[data-bs-theme=light] ul[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection {
background-color: #009f90;
border-color: #009f90;
}
html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] select + .select2 > .selection > .select2-selection {
html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection {
background-color: var(--lay-color-fill-2);
border-color: var(--lay-color-border-1);
}
html[data-bs-theme=light] ul[m-id="{{d.mId}}"] select + .select2 > .selection > .select2-selection:hover {
html[data-bs-theme=light] ul[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection:hover {
border-color: #037a6f;
}
html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] select + .select2 > .selection > .select2-selection:hover {
html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection:hover {
border-color: #1f1f1f;
}
ul[m-id="{{d.mId}}"] select + .select2 > .selection > .select2-selection > .select2-selection__rendered {
ul[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection > .select2-selection__rendered {
color: #fff;
}
ul[m-id="{{d.mId}}"] select + .select2 > .selection > .select2-selection > .select2-selection__arrow b {
ul[m-id="{{d.mId}}"] .select2 > .selection > .select2-selection > .select2-selection__arrow b {
border-color: #fff transparent transparent transparent;
}
ul[m-id="{{d.mId}}"] select + .select2-container--open > .selection > .select2-selection > .select2-selection__arrow b {
ul[m-id="{{d.mId}}"] .select2-container--open > .selection > .select2-selection > .select2-selection__arrow b {
border-color: transparent transparent #fff transparent;
}
</style>