質問編集履歴
3
更新 : 画像説明 (NG 説明を追加)
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,17 +1,15 @@
|
|
1
1
|
### 前提・実現したいこと
|
2
|
-
|
3
|
-
ここに実現したいことを箇条書きで書いてください。
|
4
2
|
- [ ] 要件 1. ナビゲーションバーの位置を固定する (ドロップダウンメニューが展開されてもナビゲーションバーのメニュー位置は動かず操作可能)
|
5
|
-
- [ ] 要件 2. ドロップダウンメニューの位置は当該メニューの下
|
3
|
+
- [ ] 要件 2. ドロップダウンメニューの開始位置は当該メニューの真下
|
6
4
|
|
7
5
|
- [ ] 要件 3. ナビゲーションバーは長くする
|
8
6
|
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-23/c7403d40-c20b-4d20-ae9f-506551a207ac.png)
|
9
7
|
### 発生している問題・エラーメッセージ
|
10
8
|
.Mdropdown-content に position: absolute; を
|
11
|
-
|要件|説明|追加すると![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-23/
|
9
|
+
|要件|説明|追加すると![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-23/38786656-e48a-46b9-93d9-786de9d73057.png)|削除すると![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-23/c23733a6-e501-4eac-8ce2-f2f9c5dba001.png)![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-23/caab5d65-d129-40bc-8657-72bf8b25701b.png)|
|
12
10
|
|:--|:--:|:--:|--:|
|
13
11
|
|1|ナビゲーションバーの位置を固定|○ (ナビゲーションメニューが分断されない)|× (分断される)|
|
14
|
-
|2|ドロップダウンメニューの位置は当該メニューの下|× (ナビゲーションバーに追随しない)|○ (追随する)|
|
12
|
+
|2|ドロップダウンメニューの開始位置は当該メニューの真下|× (ナビゲーションバーに追随しない)|○ (追随する)|
|
15
13
|
|3|ナビゲーションバーは長くする|○ (メニュー量に関わらず余白大)|× (メニュー文言の長さのみ)|
|
16
14
|
|
17
15
|
|
2
追加 : 画像説明
test
CHANGED
File without changes
|
test
CHANGED
@@ -5,15 +5,14 @@
|
|
5
5
|
- [ ] 要件 2. ドロップダウンメニューの位置は当該メニューの下
|
6
6
|
|
7
7
|
- [ ] 要件 3. ナビゲーションバーは長くする
|
8
|
-
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-23/00
|
8
|
+
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-23/c7403d40-c20b-4d20-ae9f-506551a207ac.png)
|
9
|
-
|
10
9
|
### 発生している問題・エラーメッセージ
|
11
10
|
.Mdropdown-content に position: absolute; を
|
12
|
-
|要件|説明|追加すると![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-23/
|
11
|
+
|要件|説明|追加すると![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-23/0246c68e-8a63-4f31-a38f-8b13dca9d1e4.png)|削除すると![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-23/89cc0524-8126-4e4e-9089-64e8a7e48780.png)![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-05-23/67c6e9f5-883e-43e2-960b-f2ad5c7c8092.png)|
|
13
12
|
|:--|:--:|:--:|--:|
|
14
|
-
|1|ナビゲーションバーの位置を固定|○ (
|
13
|
+
|1|ナビゲーションバーの位置を固定|○ (ナビゲーションメニューが分断されない)|× (分断される)|
|
15
|
-
|2|ドロップダウンメニューの位置は当該メニューの下|× (
|
14
|
+
|2|ドロップダウンメニューの位置は当該メニューの下|× (ナビゲーションバーに追随しない)|○ (追随する)|
|
16
|
-
|3|ナビゲーションバーは長くする|○ (
|
15
|
+
|3|ナビゲーションバーは長くする|○ (メニュー量に関わらず余白大)|× (メニュー文言の長さのみ)|
|
17
16
|
|
18
17
|
|
19
18
|
### 該当のソースコード
|
1
修正 : JavaScript myMockListData メニュー名 SiteF -> Training (画像と統一)
test
CHANGED
File without changes
|
test
CHANGED
@@ -206,7 +206,7 @@
|
|
206
206
|
dropDown: "no",
|
207
207
|
id: "home"
|
208
208
|
},
|
209
|
-
{ URL: "/siteF.aspx", URLNAME: "Site F", dropDown: "training", id: "
|
209
|
+
{ URL: "/siteF.aspx", URLNAME: "Site F", dropDown: "training", id: "Training" },
|
210
210
|
{
|
211
211
|
URL: "/siteA.aspx",
|
212
212
|
URLNAME: "Site A",
|