fix(identity): draw intro list markers inside list items
This commit is contained in:
1 parent
d6e3b377b4
commit
8fcb136d55
2 files changed
+23
-15
No files matched your search
@@ -612,19 +612,34 @@
|
|||||||
}
|
}
|
||||||
.uc-auth-form { margin: 0; }
|
.uc-auth-form { margin: 0; }
|
||||||
.uc-auth-form__scroll { max-height: 50vh; max-height: 50dvh; }
|
.uc-auth-form__scroll { max-height: 50vh; max-height: 50dvh; }
|
||||||
|
/* 申请介绍的列表:标记随列表项内容一起绘制(悬挂缩进),
|
||||||
|
不会被外层滚动区的左边界裁掉一半。 */
|
||||||
.uc-auth-intro ul,
|
.uc-auth-intro ul,
|
||||||
.uc-auth-intro ol {
|
.uc-auth-intro ol {
|
||||||
margin: .6em 0 1em;
|
margin: .6em 0 1em;
|
||||||
padding-left: 1.5em;
|
padding-left: 0;
|
||||||
|
list-style: none !important;
|
||||||
}
|
}
|
||||||
.uc-auth-intro ul { list-style: disc outside; }
|
.uc-auth-intro li {
|
||||||
.uc-auth-intro ol { list-style: decimal outside; }
|
margin-bottom: .35em;
|
||||||
.uc-auth-intro li { margin-bottom: .35em; }
|
padding-left: 1.25em;
|
||||||
.uc-auth-form__scroll .uc-auth-intro ul,
|
text-indent: -1.25em;
|
||||||
.uc-auth-form__scroll .uc-auth-intro ol {
|
|
||||||
padding-left: .5em;
|
|
||||||
list-style-position: inside;
|
|
||||||
}
|
}
|
||||||
|
.uc-auth-intro li::before {
|
||||||
|
content: "\2022";
|
||||||
|
display: inline-block;
|
||||||
|
width: 1.25em;
|
||||||
|
text-indent: 0;
|
||||||
|
}
|
||||||
|
.uc-auth-intro ol { counter-reset: uc-auth-intro; }
|
||||||
|
.uc-auth-intro ol li::before {
|
||||||
|
content: counter(uc-auth-intro) ".";
|
||||||
|
counter-increment: uc-auth-intro;
|
||||||
|
width: auto;
|
||||||
|
min-width: 1.25em;
|
||||||
|
}
|
||||||
|
.uc-auth-intro li > ul,
|
||||||
|
.uc-auth-intro li > ol { margin: .35em 0 0 1.25em; }
|
||||||
.uc-auth-field { display: block; color: var(--muted-2-color); font-size: .9em; font-weight: 400; }
|
.uc-auth-field { display: block; color: var(--muted-2-color); font-size: .9em; font-weight: 400; }
|
||||||
.uc-auth-field__label { display: block; margin-bottom: 6px; }
|
.uc-auth-field__label { display: block; margin-bottom: 6px; }
|
||||||
.uc-auth-form .form-control { width: 100%; box-sizing: border-box; }
|
.uc-auth-form .form-control { width: 100%; box-sizing: border-box; }
|
||||||
|
|||||||
@@ -41,13 +41,6 @@
|
|||||||
var input = form && form.querySelector('[data-auth-evidence]');
|
var input = form && form.querySelector('[data-auth-evidence]');
|
||||||
var preview = form && form.querySelector('[data-auth-preview]');
|
var preview = form && form.querySelector('[data-auth-preview]');
|
||||||
if (!form || !input || !preview) return;
|
if (!form || !input || !preview) return;
|
||||||
Array.prototype.forEach.call(form.querySelectorAll('ul, ol'), function (list) {
|
|
||||||
var listStyle = list.tagName.toLowerCase() === 'ol' ? 'decimal' : 'disc';
|
|
||||||
list.style.setProperty('list-style-type', listStyle, 'important');
|
|
||||||
list.style.setProperty('list-style-position', 'inside', 'important');
|
|
||||||
list.style.setProperty('padding-left', '8px', 'important');
|
|
||||||
list.style.setProperty('margin-left', '0', 'important');
|
|
||||||
});
|
|
||||||
shell.setAttribute('aria-labelledby', 'uc-auth-modal-title');
|
shell.setAttribute('aria-labelledby', 'uc-auth-modal-title');
|
||||||
|
|
||||||
var selectedFiles = [];
|
var selectedFiles = [];
|
||||||
|
|||||||
Reference in new issue
Block a user