# [OA調整 ](https://www.figma.com/file/mBKC0YUiiJL2mEEVKk8nyc/%E5%B7%A5%E6%99%82_U10?node-id=37%3A266) 2021-04-19 ### 討論頁面 ## 共同 <!-- 1. 麵包屑下面的線拿掉、弱化文字(字級調小or顏色調淡) --> <!-- 2. 所有表頭換成淺灰(ex:#E1E8EF) --> <!-- 3. 圓角調整 --> ## [page_1.0](https://hywebu00.github.io/2020_Hyweb_OA/page_1.0.html) ### 左側邊欄: <!-- 1. 登出按鈕,可併入user區塊 --> <!-- 2. 側邊欄文字過小(目前15px) --> <!-- 3. 讓menu在高度700px時能被看到全部,若塞的下不用scroll,下方圓角可保留 --> <!-- 4. 層級分別需更清楚 --> <!-- 5. 改成position:fixed~~ --> ### 右側邊欄: <!-- 1. 最多填寫工作目前最多5筆(from 琼儀 --> <!-- 2. 卡片可視範圍過小,『加入此工作』按鈕可移至計畫代號 右邊 --> <!-- 3. 計畫代號的padding縮小 --> <!-- 4. 『最近填寫工作』字級調小 --> <!-- 5. 卡片樣式需要修改 --> ![](https://i.imgur.com/5GzX9xJ.jpg) ### 內容區塊: ![](https://i.imgur.com/IfAlvaq.png) <!-- 1. 內容區塊(.c-writeHours)底色改 #fff --> <!-- 2. 上方日期區塊底色改成 #e1e8ef --> <!-- 3. 選取的日期區塊(.is-active)底色改 #fff --> <!-- 4. 『已填時數』刪除 --> <!-- 5. 節慶改成綠底(#FB5B29)白字 --> <!-- 6. 全區包含麵包屑一起滾動~~ --> ![](https://i.imgur.com/roql59B.jpg) ## [page_2.0](https://hywebu00.github.io/2020_Hyweb_OA/page_2.0.html) <!-- 1. 卡片不要固定寬度,改成均分內容寬度,設media queries在不同寬度的螢幕時,變換卡片數量 --> <!-- 2. 卡片的border-radius調小 --> <!-- 3. .l-main-content-title 縮小間距 --> ## page_4.0 <!-- ## [page_4.4](https://hywebu00.github.io/2020_Hyweb_OA/page_4.0.html) 1. 已選成員的叉叉右邊一點 2. 按鈕『加入』改成『確認』 3. ![](https://i.imgur.com/Oak0VDe.png) 標題和input變成一行,不要換行 --> <!-- 4. 全選&全部清除按鈕移到和加入按鈕同一排,加上icon (4/23討論 維持原來位置 更改標題) --> <!-- 6. 成員一列三個改成四個 7. 上下邊距調小 8. 視窗的叉叉往上移 --> ## 4/23 [page_4.4] <!-- 1.常用成員按鈕更改位置 改成搜尋按鈕後方 2.全選 “全部清除"按鈕->重設 更改名字 3.11.1常用成員 搜選的標題錯誤 改變選擇方式UX要再想想 --> <!-- ***修改成新樣式的視窗*** --> ## [page_11.0](https://hywebu00.github.io/2020_Hyweb_OA/page_11.0.html) <!-- 1.基本資訊 間距調整 --> ## [page_11.1](https://hywebu00.github.io/2020_Hyweb_OA/page_11.1.html) ![](https://i.imgur.com/y3A7ByF.jpg) <!-- 1. .table-body__subtitle(工作階段) textarea 色碼:#b6d1ea 2. table th 背景改為 #e1e8ef --> <!-- 3. 表格CSS樣式修改 不要有破版的感覺 --> ## 4/23 [page_11.1] ## [page_11.2](https://hywebu00.github.io/2020_Hyweb_OA/page_11.2.html) <!-- 1. 左上角常用成員看不出來是按鈕 --> <!-- 2. 常用成員設成群組一起add有點奇怪(4/23 目前維持現狀) --> <!-- 3. table th 測試用 sticky 試試 [範例1](https://codepen.io/chriscoyier/pen/PrJdxb)、[sticky說明](https://kw0006667.wordpress.com/2020/04/10/html-%E5%A6%82%E6%9E%9C%E8%A3%BD%E4%BD%9C-sticky-header-%E6%95%88%E6%9E%9C%E7%9A%84-table/) --> <!-- 4. 如果不行就一起滾上去 --> ## [page_15.a.0](https://hywebu00.github.io/2020_Hyweb_OA/page_15.a.0.html) <!-- 1. 未結案>卡片標題字級放大,靠上對齊收入 2. 金額一律靠右對齊 --> <!-- 3. ![](https://i.imgur.com/6pBIzZQ.png) 沒有對齊、間距不一樣 --> ## 4/23 [page_15.b.0] <!-- 1. 執行部門 文字 改成 選擇部門 --> ## [page_18.0.a](https://hywebu00.github.io/2020_Hyweb_OA/page_18.0.1.html) <!-- 1.已結案> 計劃名稱 改成 display: flex; align-items: center; 不要點點點 --> 2. 藍色時鐘icon沒有置中對齊 ## [page_26.a.1](https://hywebu00.github.io/2020_Hyweb_OA/page_26.a.1.html) <!-- 1. 選取勾放在計畫代號前 2. 全選、全部取消使用本頁的『全選』樣式 --> ## 4/23 [page_26.a.1] <!-- 1. 取消改成取消編輯 2. 金額放大 --> ## [page_27.b.2](https://hywebu00.github.io/2020_Hyweb_OA/page_27.b.2.html) <!-- 1. 人員統計 部門切換 和UX討論 --> <!-- 2. 匯出應該要跟filter同一排(很多頁都有此問題) --> <!-- 3. M00應為字樣排在人員統計前,部門切換應為一個獨立的功能 --> ## [page_32.0](https://hywebu00.github.io/2020_Hyweb_OA/page_32.0.html) <!-- 和UX討論 月曆總覽視窗:左側 --> ## 4/23 [page_32.0] <!-- 1.修改成下拉選單 --> ## [page_35.a.1](https://hywebu00.github.io/2020_Hyweb_OA/page_35.a.1.html) <!-- 1. 全選、發送、取消邏輯動線不佳 (目前先如此 等待易用測試評估後再作打算) --> ## 4/23 [page_35.a.1] <!-- 1. 人員工時填寫比例 卡片input 修改位置 移置右上角 2. 取消改成取消編輯 --> ## [page_39.0](https://hywebu00.github.io/2020_Hyweb_OA/page_39.0.html) <!-- 財務才會用到不用管他們 -->