feat: fixed page styles

openedx · Nov 25, 2023 · a31ca8d · a31ca8d
1 parent a479f5a
commit a31ca8d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/src/discussions/common/AuthorLabel.jsx b/src/discussions/common/AuthorLabel.jsx
@@ -57,6 +57,7 @@ const AuthorLabel = ({
       })}
       role="heading"
       aria-level="2"
+      style={{ lineHeight: 1, wordBreak: 'break-all' }}
     >
       {isRetiredUser ? '[Deactivated]' : author}
     </span>

diff --git a/src/discussions/post-comments/comments/CommentsView.jsx b/src/discussions/post-comments/comments/CommentsView.jsx
@@ -36,7 +36,7 @@ const CommentsView = ({ endorsed }) => {
 
   const handleDefinition = useCallback((message, commentsLength) => (
     <div
-      className="mx-4 my-14px text-gray-700 font-style"
+      className="comment-line mx-4 my-14px text-gray-700 font-style"
       role="heading"
       aria-level="2"
     >

diff --git a/src/index.scss b/src/index.scss
@@ -340,6 +340,10 @@ header {
     .nav-item:not(:last-child){
       .nav-link {
           border-right: 0;
+
+          @media screen and (max-width: 567px) {
+            border-right: solid 1px #e9e6e4;
+          }
       }
     }
   }
@@ -488,6 +492,11 @@ header {
   z-index: 1;
 }
 
+.comment-line {
+  width: calc(100% - 180px);
+  line-height: 1;
+}
+
 .post-preview,
 .discussion-comments {
   blockquote {
@@ -529,3 +538,8 @@ header {
   left: 50%;
   transform: translate(-50%, -50%);
 }
+
+.author-name {
+  line-height: 1;
+  word-break: break-all;
+}