英文字テキストが折り返すようにword-break:break-allを追加

kaizumaki · kaizumaki · commit 6fe4f325f02c · 2020-06-27T15:56:59.000+09:00
diff --git a/src/components/ContentCard.vue b/src/components/ContentCard.vue
@@ -115,6 +115,7 @@ export default Vue.extend({
     font-size: 12px;
     color: $color-gray;
     margin: 0;
+    word-break: break-all;
   }
 }
 </style>
diff --git a/src/pages/lesson/index.vue b/src/pages/lesson/index.vue
@@ -314,6 +314,7 @@ export default Vue.extend({
   font-family: 'Noto Sans JP', sans-serif;
   font-size: 16px;
   color: $color-gray;
+  word-break: break-all;
 }
 
 .lesson-material {

Original file line number	Diff line number	Diff line change
`@@ -314,6 +314,7 @@ export default Vue.extend({`
`314`	`314`	`font-family: 'Noto Sans JP', sans-serif;`
`315`	`315`	`font-size: 16px;`
`316`	`316`	`color: $color-gray;`
	`317`	`+ word-break: break-all;`
`317`	`318`	`}`
`318`	`319`
`319`	`320`	`.lesson-material {`