diff --git a/app/assets/stylesheets/article-show.scss b/app/assets/stylesheets/article-show.scss index 13fdce80b..77ce49339 100644 --- a/app/assets/stylesheets/article-show.scss +++ b/app/assets/stylesheets/article-show.scss @@ -191,18 +191,18 @@ article { font-weight: 500; min-height: 40px; font-size: calc(2vw + 26px); - + word-break: break-word; + @media screen and (min-width: 1600px) { font-size: 57px; } .title-block { display: inline-block; - } - + } + &.medium { - font-size: calc(1.85vw + 25px); - + font-size: calc(1.85vw + 25px); @media screen and (min-width: 1600px) { font-size: 47px; } diff --git a/app/assets/stylesheets/articles.scss b/app/assets/stylesheets/articles.scss index 015e4b38c..00e43252e 100644 --- a/app/assets/stylesheets/articles.scss +++ b/app/assets/stylesheets/articles.scss @@ -459,6 +459,7 @@ line-height: 25px; width: 100%; padding: 0px; + word-break: break-word; .tag-identifier { font-size: 14px; background: $blue; @@ -639,6 +640,7 @@ margin-bottom: 8px; margin-top: 8px; padding-top: 0px; + word-break: break-word; @media screen and (min-width: 1600px) { font-size: 45px; } diff --git a/app/assets/stylesheets/more-articles.scss b/app/assets/stylesheets/more-articles.scss index 763b016bf..044c5f85b 100644 --- a/app/assets/stylesheets/more-articles.scss +++ b/app/assets/stylesheets/more-articles.scss @@ -59,6 +59,7 @@ padding: 0px; font-size: 1.4em; font-weight: 500; + word-break: break-word; } h4 { margin: 0;