diff --git a/packages/scratch-gui/src/components/classroom-modal/classroom-modal.css b/packages/scratch-gui/src/components/classroom-modal/classroom-modal.css index 44075ba0a0d..5967fcb102e 100644 --- a/packages/scratch-gui/src/components/classroom-modal/classroom-modal.css +++ b/packages/scratch-gui/src/components/classroom-modal/classroom-modal.css @@ -559,6 +559,19 @@ margin-top: 1.5rem; } +/* フッター右側のグループ(例: アーカイブ + 保存 を右寄せで並べる)。 */ +.footer-right-group { + display: flex; + align-items: center; + gap: 0.5rem; +} + +/* 評価画面: キャンセルをアクションボタン行の左端に置く(右寄せの他ボタンと + 同じ行で左に離す。レビュー指摘)。 */ +.eval-cancel { + margin-right: auto; +} + /* 共有設定ステップ(#1109): 公開範囲の選択カード + 合言葉の表示。 */ .share-mode-row { display: flex; @@ -2924,21 +2937,29 @@ button.detail-tabs-download-urgent:hover:not(:disabled) { overflow-y: auto; } +/* クラス名を独立行にしたので、ヘッダーはアクションボタンの折り返し行にする + (左寄せ・省略しない。レビュー指摘 #1108)。 */ .board-header { display: flex; + flex-wrap: wrap; align-items: center; - justify-content: space-between; - gap: 1rem; + gap: 0.5rem; + margin-bottom: 0.75rem; } .board-title { - flex: 1; - margin: 0; + margin: 0.25rem 0 0.25rem; font-size: 1.3rem; + font-weight: bold; color: #575e75; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +} + +/* 課題一覧(ボード)の簡単な説明。 */ +.board-hint { + font-size: 0.85rem; + color: #888; + line-height: 1.5; + margin: 0 0 0.75rem; } .board-year { diff --git a/packages/scratch-gui/src/components/classroom-modal/shared-assignment-catalog.jsx b/packages/scratch-gui/src/components/classroom-modal/shared-assignment-catalog.jsx index 73f89e5a798..e4847c06596 100644 --- a/packages/scratch-gui/src/components/classroom-modal/shared-assignment-catalog.jsx +++ b/packages/scratch-gui/src/components/classroom-modal/shared-assignment-catalog.jsx @@ -4,6 +4,7 @@ * manage the caller's own posts (unlist / republish). Supplement URLs open * behind an explicit confirmation that names the external domain (D4). */ +import classNames from 'classnames'; import PropTypes from 'prop-types'; import React, { useCallback, useState } from 'react'; import { FormattedMessage, defineMessages, useIntl } from 'react-intl'; @@ -390,8 +391,8 @@ const SharedAssignmentCatalog = ({ group, isLoading, shared }) => { @@ -399,7 +400,9 @@ const SharedAssignmentCatalog = ({ group, isLoading, shared }) => {