修改Azure DevOps頁面左上角的Logo及系統名稱

效果

改之前

修改之後

修改方法

1. 修改文本

使用VS Code打開DevOps IIS站點根目錄

進入文件搜索,打開 正則 ,輸入 替換的文本

\.BrandName( *)=( *)"Azure"
\.ProductName( *)=( *)"DevOps"

操作步驟如下圖所示

PS. BrandName 和 ProductName 實際上兩個資源名稱,不同類型的語言都會有一個獨立的資源文件,調用這個資源文件的js也是對應到語言的,所以改這裏會比較好

不顯示內容
關閉 正則,打開 大小寫,輸入 .ms-Icon--VSTSLogo:before,找到後把content:"\f381" 註釋掉

.ms-Icon--VSTSLogo:before{/*content:"\f381 "*/}

減小Logo的寬度,讓文本居左
關閉 正則,打開 大小寫,輸入 .region-header .commandbar-icon,點擊 搜索,把width的值改爲18px

.region-header .commandbar-icon{font-size:16px;width:18px}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章