amis-saas-6890 [Story] 标题提示、控件提示的打开弹窗图标背景问题

Change-Id: Idd5d3e65e3a66c4a4ac8871823f4d3f9c7e858cc
This commit is contained in:
jiatianqi 2022-11-03 19:23:50 +08:00
parent e470882ee7
commit 2812802b5f

View File

@ -5,10 +5,10 @@
@include flexBox();
justify-content: flex-end;
height: px2rem(30px);
div {
@include flexBox(row, flex-end);
background-color: #fff !important;
hr {
display: inline-block;
border: 0;
@ -18,14 +18,14 @@
vertical-align: middle;
margin: 0 #{px2rem(12px)};
}
svg.icon {
margin-bottom: #{px2rem(-2px)};
}
.ae-SwitchMore-icon {
fill: var(--primary);
path {
fill: var(--primary);
}
@ -46,20 +46,19 @@
}
}
&-popover {
padding: #{px2rem(12px)};
border: none;
min-width: px2rem(300px);
max-width: px2rem(640px);
header {
@include flexBox(row, flex-end);
width: 100%;
height: #{px2rem(24px)};
margin-bottom: #{px2rem(10px)};
}
.ae-SwitchMore-title {
opacity: 0.95;
font-size: var(--fontSizeMd);
@ -69,27 +68,27 @@
width: 100%;
margin: 0;
}
.ae-SwitchMore-close {
float: right;
color: var(--text--muted-color);
line-height: inherit;
text-decoration: none;
vertical-align: middle;
svg {
width: #{px2rem(12px)};
height: #{px2rem(12px)};
fill: var(--text--muted-color);
}
&:not(.is-disabled) {
cursor: pointer;
&:hover {
text-decoration: none;
color: var(--text-color);
svg {
fill: var(--text-color);
}
@ -111,11 +110,9 @@
&-content {
padding-top: px2rem(12px);
& > div {
@include extend-more()
@include extend-more();
}
}
}
}
}
}