Merge pull request #225 from kaizumaki/feature/issue-221-fix-text-wrap

NEKOYASAN · web-flow · commit 1e809d1bcd06 · 2020-06-27T17:32:20.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 {`