test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-03 12:38:53 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

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

Browse Source 
Change-Id: Idd5d3e65e3a66c4a4ac8871823f4d3f9c7e858cc
This commit is contained in:
jiatianqi 2022-11-03 19:23:50 +08:00
parent e470882ee7
commit 2812802b5f
1 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/amis-editor-core/scss/control/_switch-more-control.scss
View File

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