203 lines
3.8 KiB
CSS
203 lines
3.8 KiB
CSS
.App {
|
||
text-align: center;
|
||
}
|
||
|
||
.App-logo {
|
||
animation: App-logo-spin infinite 20s linear;
|
||
height: 80px;
|
||
}
|
||
|
||
.App-header {
|
||
background-color: #222;
|
||
height: 150px;
|
||
padding: 20px;
|
||
color: white;
|
||
}
|
||
|
||
.App-title {
|
||
font-size: 1.5em;
|
||
}
|
||
|
||
.App-intro {
|
||
font-size: large;
|
||
}
|
||
|
||
@keyframes App-logo-spin {
|
||
from {
|
||
transform: rotate(0deg);
|
||
}
|
||
|
||
to {
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
|
||
|
||
/* md样式 */
|
||
.editormd-fullscreen{
|
||
z-index: 9999;
|
||
}
|
||
.editormd-menu>li:last-child{
|
||
float: right;
|
||
}
|
||
/* 控制md编辑器列行的宽度
|
||
见 codermirror maybeUpdateLineNumberWidth方法
|
||
*/
|
||
.editormd .CodeMirror-linenumbers {
|
||
padding: 0;
|
||
}
|
||
|
||
.editormd-html-preview hr,
|
||
.editormd-preview-container hr {
|
||
/* 颜色加深 */
|
||
border-top: 1px solid #ccc;
|
||
}
|
||
|
||
/* 重置掉antd的一些样式 */
|
||
html,
|
||
body {
|
||
-webkit-font-smoothing: auto !important;
|
||
}
|
||
|
||
.ant-progress-textyes {
|
||
color: #52c41a;
|
||
}
|
||
|
||
.ant-progress-textno {
|
||
color: #f5222d;
|
||
}
|
||
.CodeMirror .CodeMirror-lines pre.CodeMirror-line{
|
||
font-size: 16px;
|
||
line-height: 20px;
|
||
font-family:"PingFang SC", "Segoe UI", Helvetica, Arial, "Apple Color Emoji", SimHei, SimSun, sans-serif, "Microsoft YaHei";
|
||
}
|
||
.react-codemirror2 .CodeMirror .CodeMirror-lines pre.CodeMirror-line{
|
||
font-size: 12px;
|
||
}
|
||
/* md多空格 */
|
||
.markdown-body p {
|
||
margin:10px 0px!important;
|
||
font-size: 16px !important;
|
||
/* 用户提出多个徽章换行显示，p标签会换行显示 */
|
||
/* white-space: pre-wrap; */
|
||
}
|
||
|
||
.markdown-body>p {
|
||
line-height: 25px;
|
||
}
|
||
|
||
/* https://www.educoder.net/courses/2346/group_homeworks/34405/question */
|
||
.renderAsHtml.markdown-body p {
|
||
white-space: inherit;
|
||
}
|
||
|
||
/* resize */
|
||
.editormd .CodeMirror {
|
||
border-right: none !important;
|
||
}
|
||
|
||
.editormd-preview {
|
||
border-left: 1px solid rgb(221, 221, 221);
|
||
/* 某些情况下，被cm盖住了 */
|
||
z-index: 99;
|
||
padding: 0 8px;
|
||
}
|
||
.editormd-preview .markdown-body{
|
||
padding:0px !important;
|
||
}
|
||
.editormd-preview{
|
||
width: 50%!important;
|
||
}
|
||
|
||
/* 图片点击放大的场景，隐藏图片链接 */
|
||
.editormd-image-click-expand .editormd-image-dialog {
|
||
height: 234px !important;
|
||
}
|
||
|
||
.editormd-image-click-expand .editormd-image-dialog .image-link {
|
||
display: none;
|
||
}
|
||
|
||
/* 解决鼠标框选时，左边第一列没高亮的问题 */
|
||
.CodeMirror .CodeMirror-lines pre.CodeMirror-line,
|
||
.CodeMirror .CodeMirror-lines pre.CodeMirror-line-like {
|
||
padding: 0 12px;
|
||
}
|
||
|
||
/* antd扩展 */
|
||
.formItemInline.ant-form-item {
|
||
display: flex;
|
||
}
|
||
|
||
.formItemInline .ant-form-item-control-wrapper {
|
||
flex: 1;
|
||
}
|
||
|
||
/* AutoComplete placeholder 不显示的问题 */
|
||
.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
|
||
z-index: 2;
|
||
}
|
||
|
||
|
||
/* 兼容性 */
|
||
/* 火狐有滚动条时高度问题 */
|
||
@-moz-document url-prefix() {
|
||
.newContainers {
|
||
min-height: calc(100% - 60px) !important;
|
||
}
|
||
}
|
||
|
||
.feedBackModal .ant-modal-header{
|
||
border-bottom: none;
|
||
background: none;
|
||
padding: 16px 24px 0;
|
||
}
|
||
|
||
.feedBackModal .ant-modal-title{
|
||
font-weight:500 !important;
|
||
color:#151d40;
|
||
font-size:18px;
|
||
}
|
||
.feedBackModal .anticon-close{
|
||
font-size: 22px;
|
||
}
|
||
.feedBackModal .ant-modal-footer{
|
||
border-top: none;
|
||
text-align: center;
|
||
padding-bottom: 40px;
|
||
}
|
||
|
||
.feedBackModal .ant-modal-content{
|
||
background-image:linear-gradient(359.37deg,#ebf3ff 0%,#f8fbff 55.01%,#cbdbff 100%);
|
||
border:1.5px solid #ffffff;
|
||
}
|
||
|
||
.feedBackModal .feedBackText{
|
||
padding: 20px;
|
||
font-size:15px;
|
||
color:#202d40;
|
||
}
|
||
.feedBackModal .feedBackText::placeholder{
|
||
color:#afb7c2;
|
||
}
|
||
.feedBackModal .gotoIssueFeedBack{
|
||
color: rgba(70, 106, 255, 1);
|
||
}
|
||
.feedBackBox{
|
||
position: relative;
|
||
background-color: white;
|
||
}
|
||
.feedBackText.errorInput{
|
||
border: 1px solid #f60011;
|
||
}
|
||
.errorInput{
|
||
background-color:rgba(255, 0, 0, 0.04) !important;
|
||
}
|
||
.ant-input.errorInput:hover{
|
||
background-color: white !important;
|
||
}
|
||
.countNumBox{
|
||
position: absolute;
|
||
bottom: 2px;
|
||
right: 10px;
|
||
} |