iamse-issues

issue截圖

issue說明

開發者備註

A-1

1. 小箭頭還需上移1px (灰底時menu也要修改)
2. 無灰底時Logo無修改 (A需提供新圖檔)
3. 小箭頭顏色在其他頁面mouse over顏色無統一使用(檢查到在about頁是白色)

修改說明

A-1

1. mouse over時選項’數學段考’不需換色或有opacity
其他選單、頁面也都統一做法

修改說明

A-2

1. mouse over顏色跟首頁統一,請將螢光綠改回
2. 停留之頁面也不需更換顏色,請將螢光綠改回
3. Top menu灰底時需有一點陰影
opacity 16% (其他數值請查看XD)

修改說明

B-1

大標字體皆改為 Commision font
並統一粗度使用為 font-weight: 600px

修改說明

B-2

1.字體細節沒有調到:
font-weight
: 600;

letter-spacing: 0.5px;

2.文字位置無置中過低
padding: 18px 15px!important; (以目前背景大小,這樣的位置才有置中感)

3.與箭頭間距過近,應將背景面積增加20%
Support文字才有足夠空間往左移動

修改說明

B-3

Upcoming & Congratulations winners 沒有改到喔

修改說明

B-4

font-size: 13px;

修改說明

B-5

1.letter-spacing: 1px;

2.與下方內容距離需拉近一點點

修改說明

B-5

1.小字中文都使用500粗度
font-weight: 500;

2.FB&YT icon距離需拉近一點

修改說明

B-5

About, Contact, Follow us 三列之間的距離需拉近一點

修改說明

B-5

1. 中英文字體&大小皆相同
font-family: Noto Sans TC;
font-size: 13px;

修改說明

B-6

About / Contact 大標統一修改同上

修改說明

B-7

分類標題及上方小標 字體統一修改同上

修改說明

B-8

Top icon 統一修改同上

修改說明

B-9

1. 英文字的整體位置還是偏低,需調高
2. 英文標題與下方副標距離需增加一點
letter-spaicing: 2px
3. 英文副標line height需增加一點
font-weight:600px;
letter-spaicing: 0.5px
4. 中文標題
font-weight:500px;
letter-spaicing: 1.5px
5. 下方黑色bar漸層黑色需高一點,mouse over後要更高
6. mouse over 後英文標題不需被移動

1.英文已調高,再調高小螢幕1440以降,會太貼上面

C

scroll down 動畫有點怪怪的,可否調整為以下ref:
請參考 Scroll Down Line #1
https://codepen.io/nxworld/pen/GRpGOxv

修改說明

D-1

Logo, About 與下方分類標題,以最上方Logo齊左對齊

*Contact 也需做同樣調整

修改說明

D-2

1. About 距離下方緣起介紹行距要縮短一點
2. 緣起介紹下方的
margin-bottom: 10px;
3. 白色部分漸層要多一點

*第三點,Contact 也需做同樣調整

修改說明

D-3

1. 內文上方空行過大,建議 element style height:40px
2. font-size: 15px; font-weight: 400px (同緣起介紹)
4. line-height: 35px

修改說明

D-4

1. 內文上方空行過大,字體也應做一些調整:
element style height:40px
font-size: 15px
font-weight: 400px
line-height: 35px
letter-spacing: 0.75px

修改說明

D-4

執行長上方line height 應增加,否則過擠

修改說明

D-4

目標展望下方可否增加高度,不讓下方footer出現(在螢幕寬1920時)

修改說明

D-4

盡可能不要讓圖片被上方bar裁切到

修改說明

E-1

行事曆、競賽介紹、年度活動 上方分類位置都不一樣
請比照年度活動位置做統一修改
但一個大前提是,分類標題請都與Logo齊左對齊

修改說明

E-1

1. 2020的letter-spacing請與其他年份統一
2. 小標YEAR 細節請統一 (其他分類頁面請一併做修正)
font-weight:600;
不需要opacity
3. 分隔線請統一縮短一點(其他分類頁面請一併做修正)
line-height: 30px;

分隔線XD是38px
目前已經改為30px

E-1

1. 上下左右padding請縮小
2. 「注意」請改為粗體即可
3. font-size: 15px;
letter-spacing: 0.5px
4. 超連結 mouse over 需要換色 (橘色)

修改說明

E-1

line-height: 35px;

month wrap 數值調整:
font-weight: 600!important;
letter-spacing: 2px!important;
width: 170px;
padding: 0px 15px;
margin-bottom: 25px!important;

修改說明

E-1

1. letter-spacing: 1.5px;
2. 日期與競賽名稱line height 需增加
3. 日期與競賽名稱整段需往右移一點(與月份視覺齊左)
4. 整個區塊(包括外匡線)寬過長,請調整短一點

修改說明

E-1

1. 橘色箭頭解析不足需更正
2. 橘色藍色箭頭與日期距離需增加
padding-left: 65px!important;

3. 競賽名稱下方應有一條黑線區隔下方內容
4. 下方所有內文 letter-spacing: 0.7px;

修改說明

E-1

1. 縮小各區塊的寬
2. 左側盡可能與logo齊左

已確認整區域置中

E-1

1. 與下方footer距離過近
2. Top 按鈕需補上

修改說明

E-1

競賽介紹頁面上方跑位非常明顯嚴重,請以XD為主做確實檢查

因修改活動而改動到

E-1

競賽請新增至六個,以確保行距正確

修改說明

E-1

1. 圖尺寸為380x289px 長方形,並非正方形
2. 中文標題底部height過高
3. 中文標題字體調整:
font-weight: 500px;
letter-spacing: 1px;
4. 增加活動方塊至6格以確認視覺間距 (目前活動區塊上方間距過大)
5. load more按鈕無製作出來
6. Mouse over 效果藍色漸層過深

*首頁&Events頁面需統一一併調整

修改說明

E-1

1. ALL 應都為大寫 (以確認視覺正確)
2. 讓分隔線縮短,建議調整:line-height: 30px;

修改說明

F-1

1. 數學段考:
font-weight
: 500!important;
letter-spacing: 3px!important;

2. 頁面左右寬度縮小一點
padding: 0px 85px;

3. 數學段考&下方小字整段往下移動 (請與XD檔做視覺檢查)

*獲獎紀錄做統一調整
*獲獎紀錄上方區塊高應與試題資庫相同328,目前為350

修改說明

F-1

內文與下方photos區塊過近

修改說明

F-1

1. 學校、年級大標:
font-weight
: 500!important;
letter-spacing: 3px!important;
line-height: 40px;
margin bottom: 10px;
需往右移一點與勾選匡做視覺齊左

2. 勾選匡白底可否拿掉並給予一點圓角?
勾選匡與文字之間的距離增加一點

3. 「全部」的勾選項目沒有製作

4. Clear all options & Search 按鈕沒有製作

*獲獎紀錄做統一調整

修改說明:


3.有說過不需全部的選項,因為每個大項目下的小項目只要不勾選,就是該大項目的全部了~

4.之前有提過Clear all是不能做的唷,因為這個功能的套件寫的滿死的,~
search鈕不用是因為勾完選項就會自動撈資料了~

F-1

1. 顯示結果:
.data-result h3
 {
padding: 100px 10px;

2. 檔名(第20屆… ):
letter-spacing: 1px;

3. 試題/詳解:
font-weight: 500;

4. 區塊內上方空格過大

5. 區塊長寬過大,一行要有五個檔案
一頁六行,一共30個檔案

6. load more無製作

*獲獎紀錄做統一調整

修改說明

F-1

左下方有一個螢光綠超連結Bug

修改說明

F-1

支持我們的Top menu請統一首頁製作 (scrolling effect不見了)

箭頭非白色,mouse over 效果也非螢光綠

Support us顏色也請統一檢查做修改

修改說明

F-1

1. 標題上下距離過大

2. 字體改為Commisioner
font-weight: 600;

修改說明

F-1

1. 字體應是Noto sans TC, 但卻顯示是open sans (需確認一下)

2. 兩個標題細節:
font-size: 32px;
font-weight:500;
letter-spacing: 0.5px;
line-height: 50px;

3. 上下padding過長:
padding: 25px 20px 25px 20px;

修改說明

F-1

1. 左內文:
line-height
: 30px;
padding-bottom: 20px; ->不能在p上面直接padding-bottom,若是區塊,已經有設padding-bottom   @@

2. 右內文:
.row .col h3.row .col h4 {
margin-bottom: -5px;  -> ?不能改這是結構,且不明白用意~
}

3. 兩個內文padding:
padding: 25px 30px 25px 30px;

4. 兩個內文色塊長&寬都過長請縮短一點
寬嘗試保持485px,長依據目前內文做適當縮短,不要讓下方色塊空白處過多

4.->修改說明:
*因為左右內文區塊必須讓他們同高,即便內容不同,所以寬度、高度致用比例去寫的,所以不建議固定寬,再者螢幕寬度寬、窄,會影響內文的高度,所以高度也不適合太短,螢幕窄時文字會塞太滿。

F-1

padding: 15px 60px 25px 60px;

修改說明

F-1

灰白色塊有opacity: 85%

修改說明

F-1

Contact 頁面
1. 標題上下距離過大,需縮短
下方距離可調整為 > height
: 10px;

2. 標題字體改為 Commisioner
font-weight: 600;

修改說明

F-1

1. 標題(中文姓名…):
font-weight: 600!important;
letter-spacing: 1px;

2. 填寫欄位框的寬過長,應為330
點擊欄位效果沒有製作出來,且不需要內裡字保留

3. 下方色塊不需opacity

修改說明

F-1

1. 備註 書寫內容:
padding: 10px; 13px; 10px; 13px;

2. 已閱讀同意條款:
font-weight: 500 !important;
「隱私條款」四字需有baseline&link

3. 勾選框需視覺與文字置中(目前偏高)
勾選框顏色需改變,勾選後框線粗度變2px

4. Send! button
字體改為 Commissioner
font-weight: 600;
mouse over 放大效果縮小一點(不需opacity)
Tap 點擊才需opacity

修改說明

F-1

1. 上排文字框(地址、email…)的高短一點,與下排mailing address間距過大

2. 內文英文數字字體應為 Noto sans TC
標題內文 > font-size: 15px;
letter-spacing: 0.75px;

3. To find us 文字改為Commissioner

修改說明:上排文字框與下方距離較大,目前已經縮短~
但不能在太小,
因為我們menu須隨滾動到區域變色
+滾動時背景fix,
所以這邊的區塊高度是隨比例去變動

F-1

1. 文字框長過長,請縮短讓兩排內文有適當間距

2. 大標與內容皆統一字級大小:
font-size: 15px;
letter-spacing: 0.75px;

3. icon 改為文字連結 (視覺請查看XD檔)
font-falmily: Noto Sans TC;
font-size: 14px;
letter-spacing: 0.75px;
mouse over 效果為 opacity: 60%

4. Other online resource 文字改為Commissioner

修改說明

F-1

To find us右下方為icon,非文字

(圖為XD檔截圖)

修改說明

F-1

1. 藍色漸層過深,漸層數值需調整,或是給予opacity

修改說明

F-1

標題 letter-spacing: 3px;

修改說明

F-1

標題 font-weight: 500;

修改說明

F-1

1. Find us & Other online resource的scrolling位置跑掉了

2. Contact 的背景跟About不一樣,需修正

修改說明

F-1

年度活動內文左右兩側空白處太寬,應與競賽介紹內文同寬

修改說明

F-1

1. 年度活動照片區格式不對,為一行四張照片,不需做全幅
照片左右兩側與上方內文對齊(而上方內文左右寬幅需修正為競賽內文一樣)

2. ‘All photos’ 字體改為commisoner, font-weight: 600;
與上方內文齊左 (在螢幕寬1920版面看偏過左)

3. 箭頭mouse over效果需與XD檔同

修改說明

F-1

箭頭效果請確實以XD檔做法執行
1. X位置應在右側上方,效果非旋轉
2. 左右箭頭效果若無法同XD檔製作,請改為單純箭頭,mouse over 效果為顏色變換成螢光綠即可

修改說明

issue截圖

issue說明

開發者備註

1

標題字體修改
*如需,請標明螢幕尺寸。
*如需,請標明瀏覽器。

修改說明

2

標題字體修改
*如需,請標明螢幕尺寸。
*如需,請標明瀏覽器。

修改說明

3

標題字體修改
*如需,請標明螢幕尺寸。
*如需,請標明瀏覽器。

3

標題字體修改
*如需,請標明螢幕尺寸。
*如需,請標明瀏覽器。