You are here

Home » API reference » Answers 2.0.x

answers.module.css in Answers 2.0.x

Same filename and directory in other branches
  1. 1.0.x modules/core/css/answers.module.css
/*

.comment-answers-comment-form.comment-form,
.comment-answers-question-comment-form.comment-form {
  display: none;
}

 */

article.answers-comment {
  display: flex
}

article.answers-comment .comment-actions {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  align-content: flex-start;
  width: 37px;
  width: calc(2ch + 16px + 4px + 2px);
  margin-right: 9px;
}

article.answers-comment .comment-text {
  grid-column: 2;
  float: right;
  /* width: 20px; */
}

article.answers-comment>span * {
  display: inline-block;
}

article.answers-comment .comment-voting {
  width: 20px;
  padding-right: 4px;
  float: right;
}

article.answers-comment .comment-points {
  width: 20px;
  padding-right: 4px;
  float: right;
}

article.answers-comment .comment-flagging {
  width: 20px;
  float: right;
  padding-right: 4px;
  grid-column: 2;
}

.answers-question-grid {
  display: grid;
}

.answers-question-grid>.answers-actions {
  grid-column: 1;
  width: auto;
  padding-right: 16px;
}

.answers-question-grid>.answers-content {
  padding-right: 16px;
  grid-column: 2;
  width: auto;
  min-width: 0;
  vertical-align: top;
}

.comment-answers-question-comment-form div.form-item-comment-body-0-value label,
.comment-answers-comment-form div.form-item-comment-body-0-value label,
.comment-answers-answer-form div.form-item-comment-body-0-value label {
  display: none;
}

File

modules/core/css/answers.module.css
View source 
  1. /*

  2. 

  3. .comment-answers-comment-form.comment-form,

  4. .comment-answers-question-comment-form.comment-form {

  5.   display: none;

  6. }

  7. 

  8.  */

  9. 

  10. article.answers-comment {

  11.   display: flex

  12. }

  13. 

  14. article.answers-comment .comment-actions {

  15.   display: grid;

  16.   grid-template-columns: repeat(2, max-content);

  17.   align-content: flex-start;

  18.   width: 37px;

  19.   width: calc(2ch + 16px + 4px + 2px);

  20.   margin-right: 9px;

  21. }

  22. 

  23. article.answers-comment .comment-text {

  24.   grid-column: 2;

  25.   float: right;

  26.   /* width: 20px; */

  27. }

  28. 

  29. article.answers-comment>span * {

  30.   display: inline-block;

  31. }

  32. 

  33. article.answers-comment .comment-voting {

  34.   width: 20px;

  35.   padding-right: 4px;

  36.   float: right;

  37. }

  38. 

  39. article.answers-comment .comment-points {

  40.   width: 20px;

  41.   padding-right: 4px;

  42.   float: right;

  43. }

  44. 

  45. article.answers-comment .comment-flagging {

  46.   width: 20px;

  47.   float: right;

  48.   padding-right: 4px;

  49.   grid-column: 2;

  50. }

  51. 

  52. .answers-question-grid {

  53.   display: grid;

  54. }

  55. 

  56. .answers-question-grid>.answers-actions {

  57.   grid-column: 1;

  58.   width: auto;

  59.   padding-right: 16px;

  60. }

  61. 

  62. .answers-question-grid>.answers-content {

  63.   padding-right: 16px;

  64.   grid-column: 2;

  65.   width: auto;

  66.   min-width: 0;

  67.   vertical-align: top;

  68. }

  69. 

  70. .comment-answers-question-comment-form div.form-item-comment-body-0-value label,

  71. .comment-answers-comment-form div.form-item-comment-body-0-value label,

  72. .comment-answers-answer-form div.form-item-comment-body-0-value label {

  73.   display: none;

  74. }