diff --git a/public/css/iconfont.css b/public/css/iconfont.css index 3ced6b94b..880afc226 100644 --- a/public/css/iconfont.css +++ b/public/css/iconfont.css @@ -1,8 +1,8 @@ @font-face { font-family: "iconfont"; /* Project id 2340181 */ - src: url('iconfont.woff2?t=1637302844926') format('woff2'), - url('iconfont.woff?t=1637302844926') format('woff'), - url('iconfont.ttf?t=1637302844926') format('truetype'); + src: url('iconfont.woff2?t=1637544235157') format('woff2'), + url('iconfont.woff?t=1637544235157') format('woff'), + url('iconfont.ttf?t=1637544235157') format('truetype'); } .iconfont { diff --git a/src/forge/Component/Component.scss b/src/forge/Component/Component.scss index 6f5159504..da292d237 100644 --- a/src/forge/Component/Component.scss +++ b/src/forge/Component/Component.scss @@ -313,17 +313,17 @@ li.ant-menu-item{ } } .-task-sidebar>div { - height: 40px; - line-height: 40px; + height: 48px; + line-height: 48px; box-sizing: border-box; - width: 40px; + width: 48px; color: #999; font-size: 20px; text-align: center; margin-bottom: 20px; border-radius: 50%; background: #FFFFFF; - box-shadow: 0px 0px 10px 1px #F1F1F1; + box-shadow: 0px 0px 12px 5px rgba(208, 208, 208, 0.2); } .-task-sidebar>div i { @@ -334,36 +334,40 @@ li.ant-menu-item{ color: #fff !important; } .-task-sidebar>div:hover{ - background: #1890FF; + background: #466AFF; box-shadow: 0px 0px 10px 2px #B6D0FC; } .helpBox{ width: 260px; z-index: 103; &.shareContent{ - width: 200px; + width: 160px; + } + .ant-popover-title{ + font-size: 16px; } .ant-popover-inner-content{ padding:0px; } p.titlecontent{ - font-size: 18px; + font-size: 16px; color: #333; line-height: 20px; padding:15px 20px; } .faqUl{ - padding:0px 20px 10px; + padding:10px 15px; max-height: 230px; overflow-y: auto; + font-size: 13px; li{ background: #F5F5F5; border-radius: 20px; - padding:0px 20px; + padding:0px 15px; color: #333; - height: 34px; - line-height: 34px; - margin-bottom: 10px!important; + height: 30px; + line-height: 30px; + margin-bottom: 3px !important; a{ display: block; overflow: hidden; @@ -379,19 +383,18 @@ li.ant-menu-item{ } } .shareUl{ - padding:10px 0px; display: flex; align-items: center; - .titlecontent{ - margin-right: 20px; - } li > i{ font-size: 32px!important; } } } - - +// tooltip样式 +.tooltipBox .ant-tooltip-inner{ + padding: 8px 12px; + font-size: 15px; +} .-task-desc { background: #494949; @@ -439,3 +442,21 @@ li.ant-menu-item{ border-left: 5px solid #494949; border-bottom: 6px solid transparent } +//头部输入框样式 +.headSerach{ + background: rgba(255, 255, 255, 0.1); + border-radius: 4px; + padding-left: 20px; + //修改antd输入框默认样式 + .ant-input,.ant-input:focus{ + border: none !important; + background-color: rgba(255, 255, 255, 0) !important; + } + &:hover{ + padding: 2px 20px 2px 20px; + background: #FFF; + & i{ + color: #333; + } + } +} diff --git a/src/forge/Component/SiderBar.js b/src/forge/Component/SiderBar.js index 3d6b8acf8..a5c4836d9 100644 --- a/src/forge/Component/SiderBar.js +++ b/src/forge/Component/SiderBar.js @@ -23,9 +23,13 @@ $(window).scroll(function () { function SiderBar() { const [ data , setData ] = useState([]); const [ visible , setVisible ] = useState(false); + const [ login , setLogin ]= useState(false); useEffect(()=>{ getFAQ(); + getCurrentUser(); + //页面加载完成之后隐藏回到顶点 + $(".-task-sidebar .gotop").hide(); },[]) function getFAQ(){ @@ -36,9 +40,19 @@ function SiderBar() { } }).catch(error=>{}) } + + //获取当前登录账号信息->用于建议反馈 + function getCurrentUser(){ + let url = `/users/get_user_info.json`; + axios.get(url).then((response) => { + if (response && response.data && response.data.login) { + setLogin(response.data.login); + } + }).catch(error=>{}) + } + function content(list){ return
帮助
打开微信“扫一扫”,点击右上角菜单,即可将网页分享至朋友圈
+打开微信“扫一扫”,点击右上角菜单,即可将网页分享至朋友圈
) diff --git a/src/forge/Main/CoderDepot.jsx b/src/forge/Main/CoderDepot.jsx index 8327e232c..a00deb206 100644 --- a/src/forge/Main/CoderDepot.jsx +++ b/src/forge/Main/CoderDepot.jsx @@ -337,6 +337,15 @@ function CoderDepot(props){ } }) } + + function createIssue(){ + if(baseOper){ + window.open(`/${owner}/${projectsId}/issues/new`,'_blank'); + }else{ + props.showLoginDialog(`/${owner}/${projectsId}/issues/new`); + } + } + let n = fileInfo && fileInfo.name; const mdFlag = n && n.substring(n.length-3,n.length) === ".md"; @@ -422,16 +431,16 @@ function CoderDepot(props){