/*
 * แก้ไขเพิ่มเติมของโปรเจ็กต์นี้ (staff app เป็น Angular ที่ compile แล้ว ไม่มี source ให้แก้ SCSS)
 * ไฟล์นี้โหลดหลัง styles.*.css ใน index.html
 */

/*
 * issue #19: ช่องรายละเอียดในกรอบสีฟ้าล้นออกนอกกรอบ
 * .value เป็น flex item ของ .list-text ซึ่งมี min-width:auto โดย default จึงขยายตามเนื้อหาที่กว้างที่สุด
 * เช่นรูปลายเซ็นอีเมล <img width="480"> ทำให้ทั้งคอลัมน์กว้างเกินกรอบ และข้อความตัดบรรทัดตามความกว้างนั้น
 */
.box-form-color .list-text .value {
  min-width: 0;
  flex: 1 1 0%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.box-form-color .list-text .value img {
  max-width: 100% !important;
  height: auto !important;
}

.box-form-color .list-text .value table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.box-form-color .list-text .value pre {
  white-space: pre-wrap;
}