This commit is contained in:
Vanessa 2023-07-06 10:23:41 +08:00
parent e9120599c2
commit 31ad87f2f6
3 changed files with 14 additions and 21 deletions

View File

@ -51,7 +51,7 @@
/* 提示 */
--b3-tooltips-background: rgba(0, 0, 0, .9);
--b3-tooltips-color: #fff;
--b3-tooltips-color: #bababa;
--b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, .1);
/* 遮罩 */
@ -103,7 +103,7 @@
--b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(95, 99, 104, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 2px center var(--b3-theme-background);
/* 阴影 */
--b3-point-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1), 0 0 2px 0px rgba(0, 0, 0, 0.2);
--b3-point-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1), 0 0 2px 0px rgba(0, 0, 0, 0.2);
--b3-dialog-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
--b3-button-shadow: 0px 5px 5px -3px rgb(0 0 0 / 0.2), 0px 8px 10px 1px rgb(0 0 0 / 0.14), 0px 3px 14px 2px rgb(0 0 0 / 0.12);

View File

@ -8,7 +8,7 @@
-webkit-font-smoothing: subpixel-antialiased;
color: var(--b3-tooltips-color);
word-wrap: break-word;
background: var(--b3-tooltips-background);
background-color: var(--b3-tooltips-background);
border-radius: var(--b3-border-radius);
line-height: 17px;
max-width: 320px;
@ -40,11 +40,11 @@
font-size: 12px;
font-weight: normal;
-webkit-font-smoothing: subpixel-antialiased;
color: #fff;
color: var(--b3-tooltips-color);
word-wrap: break-word;
white-space: pre;
content: attr(aria-label);
background: var(--b3-tooltips-color);
background-color: var(--b3-tooltips-background);
border-radius: var(--b3-border-radius);
line-height: 17px;
transform: scale(0.8);
@ -59,7 +59,6 @@
z-index: 1000001;
width: 0;
height: 0;
color: var(--b3-tooltips-color);
content: "";
border: 5px solid transparent;
transform: scale(1.54);
@ -100,7 +99,7 @@
right: 50%;
bottom: -5px;
margin-right: -5px;
border-bottom-color: var(--b3-tooltips-color)
border-bottom-color: var(--b3-tooltips-background)
}
&__se::after {
@ -128,7 +127,7 @@
right: 50%;
bottom: auto;
margin-right: -5px;
border-top-color: var(--b3-tooltips-color)
border-top-color: var(--b3-tooltips-background)
}
&__ne::after {
@ -163,7 +162,7 @@
bottom: 50%;
left: -5px;
margin-top: -5px;
border-left-color: var(--b3-tooltips-color);
border-left-color: var(--b3-tooltips-background);
}
&__e::after {
@ -184,7 +183,7 @@
right: -5px;
bottom: 50%;
margin-top: -5px;
border-right-color: var(--b3-tooltips-color);
border-right-color: var(--b3-tooltips-background);
}
}

View File

@ -16,7 +16,7 @@
svg {
height: 24px;
width: 12px;
color: rgba(255, 255, 255, .78);
color: var(--b3-tooltips-color);
}
}
@ -165,7 +165,7 @@
padding: 6px 3px;
& > li {
background-color: var(--b3-tooltips-color);
background-color: var(--b3-tooltips-background);
border-radius: 50%;
cursor: pointer;
float: left;
@ -223,9 +223,9 @@
}
&-tooltip {
background-color: var(--b3-tooltips-color);
background-color: var(--b3-tooltips-background);
border-radius: var(--b3-border-radius-b);
color: #fff;
color: var(--b3-tooltips-color);
display: none;
font-size: 12px;
height: 20px;
@ -240,21 +240,15 @@
}
&-title {
color: var(--b3-theme-on-secondary);
color: var(--b3-theme-on-background);
display: inline-block;
font-size: 12px;
line-height: 1.2;
margin: 0 5% 5px;
max-width: 90%;
opacity: 0.8;
overflow: hidden;
text-overflow: ellipsis;
transition: opacity 0.15s;
white-space: nowrap;
&:hover {
opacity: 1;
}
}
&-button {