# チェックボックス/文字が多い問題の根本解決


## by itizawaさん
1. markdown のように、チェックボックスの右側にラベルがくるようにする
2. ラベルを短く表示して説明はツールチップで表示する

認証機構設定以下のラベルも同じ現象

**新規ログイン時、email が一致したローカルアカウントが存在した場合は自動的に紐付ける**

文面はどう省略するかは要相談




## きっかけ
セキュリテイ設定画面のレスポンシブ対応する時に、左のラベルの文字が長すぎてテキスト(text-right)が変な表示になってしまった。

![Screen Shot 0002-04-24 at 16.15.29.png](/attachment/5ea29224d4a7a800485fefc8)

- 現在はtext-nowrapとmarginで無理やり修正済み
![Screen Shot 0002-04-24 at 16.12.46.png](/attachment/5ea2917cd4a7a800485fefc6)

## 問題点
- 「ページのリスト表示と検索」が右に寄っているのが気になる
- 文字が多すぎて読みづらい
- 左と右で書かれていることが被っている

## 参考/他ページのチェックボックス
![Screen Shot 0002-04-24 at 16.37.18.png](/attachment/5ea2973dd4a7a800485fefcd)

![Screen Shot 0002-04-24 at 16.05.07.png](/attachment/5ea2913ed4a7a800485fefc4)  
⇨更新ボタンと離れすぎている?

![Screen Shot 0002-04-24 at 16.19.09.png](/attachment/5ea292fdd4a7a800485fefc9)

![Screen Shot 0002-04-24 at 16.20.42.png](/attachment/5ea29359d4a7a800485fefca)


## 提案 
市澤さんから、通知設定を参考にすれば良いのでは？というアドバイスがあった 
例↓↓  
1.
[小見出し]  
アクセス権の無いユーザーへの表示・非表示

- [x] **自分のみ**に閲覧制限をしているページをアクセス権のないユーザーにも表示する
- [x] **特定グループにのみ**に閲覧制限をしているページをアクセス権のないユーザーにも表示する 


1. 左のラベルをなくす
1. **自分のみ**と**特定のグループ**のみを太字にしてチェックボックス同士の違いを強調。
---



2.もしくはマークダウン設定のようにラベルを左ではなく、チェックボックスの右側におく。
そして中央寄せ？（ここはフォームとのバランス次第で決める）  
こちらでもいいと思う。

- [x] ラベル  
(説明文)
- [x] ラベル  
(説明文)


---

## Page Navigation

- Canonical URL: https://dev.growi.org/開発日記/チェックボックス/文字が多い問題の根本解決に向けて
- Permalink: https://dev.growi.org/5ea2913ed4a7a800485fefc2
- Parent: [チェックボックス](/62a71cddb1519362cc2761ca.md)
- Children: 0 total
- Total descendants: 0
- Siblings: 0 total
- Last updated: 2020-04-28T04:19:37.658Z by kaori-t
- Full page listing (all children regardless of count): https://dev.growi.org/_api/v3/page-listing/children?id=5ea2913ed4a7a800485fefc2