---
# System prepended metadata

title: '[OA調整 ](https://www.figma.com/file/mBKC0YUiiJL2mEEVKk8nyc/%E5%B7%A5%E6%99%82_U10?node-id=37%3A266)'

---

# [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常用成員 搜選的標題錯誤
改變選擇方式ＵＸ要再想想 -->
<!-- ＊＊＊修改成新樣式的視窗＊＊＊ -->


## [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. 表格ＣＳＳ樣式修改 不要有破版的感覺 -->
## 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.ｂ.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)
<!-- 財務才會用到不用管他們 -->