From 75393d683d20e3925a36b7ddcfdeb588a1867f05 Mon Sep 17 00:00:00 2001
From: "saito.k" <saito.k@nds-tyo.co.jp>
Date: Wed, 20 Sep 2023 02:14:16 +0000
Subject: [PATCH] =?UTF-8?q?Merged=20PR=20421:=20OptionItem=E3=83=9D?=
 =?UTF-8?q?=E3=83=83=E3=83=97=E3=82=A2=E3=83=83=E3=83=97=E3=82=B5=E3=82=A4?=
 =?UTF-8?q?=E3=82=BA=E3=82=92=E5=A4=A7=E3=81=8D=E3=81=8F=E3=81=99=E3=82=8B?=
 =?UTF-8?q?=E3=83=87=E3=82=B6=E3=82=A4=E3=83=B3=E4=BE=9D=E9=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 概要
[Task2678: OptionItemポップアップサイズを大きくするデザイン依頼](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/2678)

- タイトルの通り

## レビューポイント
- 特になし

## UIの変更
-https://ndstokyo.sharepoint.com/:f:/r/sites/Piranha/Shared%20Documents/General/OMDS/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88/Task2678?csf=1&web=1&e=HN5NPn

## 動作確認状況
- ローカルで確認、develop環境で確認など

## 補足
- 相談、参考資料などがあれば
---
 dictation_client/src/styles/app.module.scss | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/dictation_client/src/styles/app.module.scss b/dictation_client/src/styles/app.module.scss
index df592f4..c8c2f4d 100644
--- a/dictation_client/src/styles/app.module.scss
+++ b/dictation_client/src/styles/app.module.scss
@@ -680,6 +680,7 @@ h3 + .brCrumb .tlIcon {
   line-height: 1.4;
   letter-spacing: 0;
   font-weight: normal;
+  white-space: pre-line;
 }
 .formError {
   display: block;
@@ -689,6 +690,7 @@ h3 + .brCrumb .tlIcon {
   line-height: 1.4;
   letter-spacing: 0;
   font-weight: normal;
+  white-space: pre-line;
 }
 .formConfirm {
   width: 350px;
@@ -1041,8 +1043,8 @@ h3 + .brCrumb .tlIcon {
   left: calc(50% - 25px);
 }
 .modal .form .tableWrap {
-  max-height: 60vh;
-  overflow-y: scroll;
+  max-height: 100%;
+  overflow-x: hidden;
   margin-bottom: 1rem;
 }
 .modal .form .table {
@@ -2330,7 +2332,8 @@ tr.isSelected .menuInTable li a.isDisable {
 }
 .formChange ul.chooseMember li input + label:hover,
 .formChange ul.holdMember li input + label:hover {
-  background: #e6e6e6 url(../assets/images/arrow_circle_left.svg) no-repeat left center;
+  background: #e6e6e6 url(../assets/images/arrow_circle_left.svg) no-repeat left
+    center;
   background-size: 1.3rem;
 }
 .formChange ul.chooseMember li input:checked + label,
@@ -2341,8 +2344,8 @@ tr.isSelected .menuInTable li a.isDisable {
 }
 .formChange ul.chooseMember li input:checked + label:hover,
 .formChange ul.holdMember li input:checked + label:hover {
-  background: #e6e6e6 url(../assets/images/arrow_circle_right.svg) no-repeat right
-    center;
+  background: #e6e6e6 url(../assets/images/arrow_circle_right.svg) no-repeat
+    right center;
   background-size: 1.3rem;
 }
 .formChange > p {
@@ -2495,7 +2498,8 @@ tr.isSelected .menuInTable li a.isDisable {
 }
 .formChange ul.chooseMember li input + label:hover,
 .formChange ul.holdMember li input + label:hover {
-  background: #e6e6e6 url(../assets/images/arrow_circle_left.svg) no-repeat left center;
+  background: #e6e6e6 url(../assets/images/arrow_circle_left.svg) no-repeat left
+    center;
   background-size: 1.3rem;
 }
 .formChange ul.chooseMember li input:checked + label,
@@ -2506,8 +2510,8 @@ tr.isSelected .menuInTable li a.isDisable {
 }
 .formChange ul.chooseMember li input:checked + label:hover,
 .formChange ul.holdMember li input:checked + label:hover {
-  background: #e6e6e6 url(../assets/images/arrow_circle_right.svg) no-repeat right
-    center;
+  background: #e6e6e6 url(../assets/images/arrow_circle_right.svg) no-repeat
+    right center;
   background-size: 1.3rem;
 }
 .formChange > p {