Merged PR 236: [前PBI残作業]画面デザインを依頼する

## 概要
[Task2203: [前PBI残作業]画面デザインを依頼する](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/2203)

タスク 2203: [前PBI残作業]画面デザインを依頼する
テキストボックスを5分割した際のデザインをデザイナーさんに依頼し、取り込みました。

## レビューポイント
なし

## 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/Task2203?csf=1&web=1&e=WRd4LO

## 動作確認状況
ローカルで動作確認済み

## 補足
なし
This commit is contained in:
oura.a 2023-07-18 00:59:57 +00:00
parent f8a3b1798c
commit 3df4dc557b
3 changed files with 303 additions and 385 deletions

View File

@ -233,14 +233,13 @@ export const CardLicenseActivatePopup: React.FC<
)}
</label>
</dt>
<dd className="">
<dd className={styles.last}>
<textarea
id="textarea1"
name="key1"
value={keyNumber1}
rows={1}
cols={TEXTAREASIZE}
className={styles.formInputKey}
ref={ref1}
style={{ resize: "none", fontSize: "16px" }}
// eslint-disable-next-line jsx-a11y/no-autofocus
autoFocus
onChange={(e) => {
@ -266,11 +265,10 @@ export const CardLicenseActivatePopup: React.FC<
/>
<textarea
id="textarea2"
name="key2"
value={keyNumber2}
rows={1}
cols={TEXTAREASIZE}
className={styles.formInputKey}
ref={ref2}
style={{ resize: "none", fontSize: "16px" }}
onChange={(e) => {
let cursorPos = 0;
cursorPos = e.target.selectionStart;
@ -294,11 +292,10 @@ export const CardLicenseActivatePopup: React.FC<
/>
<textarea
id="textarea3"
name="key3"
value={keyNumber3}
rows={1}
cols={TEXTAREASIZE}
className={styles.formInputKey}
ref={ref3}
style={{ resize: "none", fontSize: "16px" }}
onChange={(e) => {
let cursorPos = 0;
cursorPos = e.target.selectionStart;
@ -322,11 +319,10 @@ export const CardLicenseActivatePopup: React.FC<
/>
<textarea
id="textarea4"
name="key4"
value={keyNumber4}
rows={1}
cols={TEXTAREASIZE}
className={styles.formInputKey}
ref={ref4}
style={{ resize: "none", fontSize: "16px" }}
onChange={(e) => {
let cursorPos = 0;
cursorPos = e.target.selectionStart;
@ -350,11 +346,10 @@ export const CardLicenseActivatePopup: React.FC<
/>
<textarea
id="textarea5"
name="key5"
value={keyNumber5}
rows={1}
cols={TEXTAREASIZE}
className={styles.formInputKey}
ref={ref5}
style={{ resize: "none", fontSize: "16px" }}
onChange={(e) => {
let cursorPos = 0;
cursorPos = e.target.selectionStart;

File diff suppressed because it is too large Load Diff

View File

@ -28,9 +28,11 @@ declare const classNames: {
readonly formInput: "formInput";
readonly isError: "isError";
readonly password: "password";
readonly short: "short";
readonly formIconEye: "formIconEye";
readonly formCheck: "formCheck";
readonly formRadio: "formRadio";
readonly formInputKey: "formInputKey";
readonly formComment: "formComment";
readonly formError: "formError";
readonly formConfirm: "formConfirm";
@ -40,6 +42,13 @@ declare const classNames: {
readonly formButtonTx: "formButtonTx";
readonly formDone: "formDone";
readonly listVertical: "listVertical";
readonly listHeader: "listHeader";
readonly boxFlex: "boxFlex";
readonly aru: "aru";
readonly btw: "btw";
readonly str: "str";
readonly box100: "box100";
readonly box50: "box50";
readonly loadingBoxSpinner: "loadingBoxSpinner";
readonly icLoading: "icLoading";
readonly modal: "modal";
@ -50,6 +59,7 @@ declare const classNames: {
readonly modalTitleIcon: "modalTitleIcon";
readonly last: "last";
readonly slideSet: "slideSet";
readonly encryptionPass: "encryptionPass";
readonly pageHeader: "pageHeader";
readonly pageTitle: "pageTitle";
readonly pageTx: "pageTx";
@ -72,12 +82,16 @@ declare const classNames: {
readonly ODMSlogo: "ODMSlogo";
readonly pgHomeLinks: "pgHomeLinks";
readonly buttonIcon: "buttonIcon";
readonly account: "account";
readonly user: "user";
readonly license: "license";
readonly dictation: "dictation";
readonly partners: "partners";
readonly isSelected: "isSelected";
readonly clm0: "clm0";
readonly menuInTable: "menuInTable";
readonly isSelected: "isSelected";
readonly formCheckToggle: "formCheckToggle";
readonly toggleBase: "toggleBase";
readonly menuAction: "menuAction";
readonly inTable: "inTable";
readonly menuLink: "menuLink";
@ -87,7 +101,6 @@ declare const classNames: {
readonly isDisable: "isDisable";
readonly icCheckCircle: "icCheckCircle";
readonly icInTable: "icInTable";
readonly 'svg"': 'svg"';
readonly history: "history";
readonly cardHistory: "cardHistory";
readonly partner: "partner";
@ -100,7 +113,6 @@ declare const classNames: {
readonly tableFilter: "tableFilter";
readonly tableFilter2: "tableFilter2";
readonly tableWrap: "tableWrap";
readonly clm0: "clm0";
readonly txWsline: "txWsline";
readonly hidePri: "hidePri";
readonly opPri: "opPri";
@ -167,6 +179,7 @@ declare const classNames: {
readonly alignCenter: "alignCenter";
readonly alignLeft: "alignLeft";
readonly linkTx: "linkTx";
readonly linkBottom: "linkBottom";
readonly borderTop: "borderTop";
readonly borderBottom: "borderBottom";
readonly marginBtm0: "marginBtm0";